/Vue-UI

工作中或者自己没事写的一些基础UI组件 一般功能都偏向定制和简单化的 扩展不多

Primary LanguageJavaScript

Toast

Toast效果图

  • 暂时只支持上方的固定title提示
  • duration: 停留时长 默认 4000ms
  • msg: 要显示的提示信息
  • 调用方式
import Vue from 'vue'
import Toast from '../../ui/toast/toast.js'
Vue.use( Toast )

export default {
    data() {
        return {

        }
    },
    mounted() {
        this.$toast('提示框显示了!')
        // 或者
        this.$toast({ 
                msg: '提示框显示了!',
                duration: 2000
            })
    }
}

showImgWithRadius

模仿QQ空间移动客户端的随着屏幕滚动图片呈现半圆形展现的效果 用range模仿窗口滚动

  • 变化效果2
  • 变化效果3