Nana Plays Minesweeper

    easy-layer

    1.0.12 • Public • Published

    easy-layer

    一个简单的vue-layer组件

    功能

    msg、 tips、 loading、 alert

    使用

    引入

    import layer from 'easy-layer'
    
    Vue.use(layer)
    

    基本参数

    options = {
        skin: 'white',
        time: 1500,
        maxWidth: 280,
        btn: '确定',
        content: '无内容',
        title: '信息',
        yes(){},
        success(){},
        selector: 'body',
        tips: 1,
        zIndex: 999,
        mask: !1
    }
    

    基本功能

    this.$layer.msg(content, {
        time: time,
        maxWidth: maxWidth,
        yes(){}
    })
    this.$layer.tips(content, selector {
        tips: tips,
        time: time
    })
    this.$layer.loading(mask = Boolean)
    this.$layer.alert({
        title: title,
        content: content,
        btn: btn,
        maxWidth: maxWidth,
        mask: Boolean,
        yes(layero){},
        success(layero){}
    })
    

    辅助功能

    let layero = this.$layer.loading()
    this.$layer.close(layero)
    
    let option = {skin: skin}
    this.$layer.apply(option)
    

    辅助功能说明:

    close方法参数为需要关闭的弹窗

    apply方法参数为需要修改的参数,比如皮肤修改,目前仅支持两种皮肤,white、black

    其他详细,请参考源码

    1.0.12 新增

    this.$layer.msg(msg,{icon: icon})
    

    其中,icon的取值范围为{1,7},分别代表不同的提示icon,默认是0,不带icon

    Build Setup

    # install dependencies
    npm install
     
    # serve with hot reload at localhost:8080
    npm run dev

    Install

    npm i easy-layer

    DownloadsWeekly Downloads

    16

    Version

    1.0.12

    License

    MIT

    Unpacked Size

    331 kB

    Total Files

    21

    Last publish

    Collaborators

    • qiwen