更新记录

1.0.1（2021-10-22）

插件说明

这是 sliderOverlay 插件的升级版本，参数上有很大变动，支持 H5 小程序 手机端，如果是在之前的插件上升级的话，请注意参数的变更，触发的事件没有变更。

使用说明

1、最基本用法

• 视图文件

<sliderOverlay :sliderList="sliderList"></sliderOverlay>

• 脚本文件

export default {
  data() {
    return {
      sliderList: [{
                        id:1,
                        time:'2021-22-01',
                        title:'生生测肤',
                        bgColor:'#ffff43',
                        name:'张莎',
                        skip:'油性肌肤',
                        zIdex:3,
                        userAvatar:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201712%2F15%2F20171215221023_KiYWM.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637396201&t=9ed9a1753bb76f8511af2b96081d131d',
                        skipQues:[
                            {
                                quesName:'油性',
                                color:'#002322'
                            },
                            {
                                quesName:'轻度色斑',
                                color:'#442322'
                            },
                            {
                                quesName:'轻度过敏',
                                color:'#eeaa22'
                            }
                        ]
                    },
                    {
                        id:2,
                        time:'2021-72-01',
                        title:'生生测肤1',
                        bgColor:'#aa2222',
                        name:'张莎2',
                        skip:'油性肌肤2',
                        zIdex:2,
                        userAvatar:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201712%2F15%2F20171215221023_KiYWM.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637396201&t=9ed9a1753bb76f8511af2b96081d131d',
                        skipQues:[
                            {
                                quesName:'油性2',
                                color:'#002323'
                            },
                            {
                                quesName:'轻度色斑3',
                                color:'#442333'
                            },
                            {
                                quesName:'轻度过敏4',
                                color:'#eeaa92'
                            }
                        ]
                    }
                ]
    }
  }
}

文档说明

1、属性说明

2、事件说明

平台兼容性

插件说明

这是 sliderOverlay 插件的升级版本，参数上有很大变动，支持 H5 小程序 手机端，如果是在之前的插件上升级的话，请注意参数的变更，触发的事件没有变更。

使用说明

1、最基本用法

• 视图文件

<sliderOverlay :sliderList="sliderList"></sliderOverlay>

• 脚本文件

export default {
  data() {
    return {
      sliderList: [{
                        id:1,
                        time:'2021-22-01',
                        title:'生生测肤',
                        bgColor:'#ffff43',
                        name:'张莎',
                        skip:'油性肌肤',
                        zIdex:3,
                        userAvatar:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201712%2F15%2F20171215221023_KiYWM.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637396201&t=9ed9a1753bb76f8511af2b96081d131d',
                        skipQues:[
                            {
                                quesName:'油性',
                                color:'#002322'
                            },
                            {
                                quesName:'轻度色斑',
                                color:'#442322'
                            },
                            {
                                quesName:'轻度过敏',
                                color:'#eeaa22'
                            }
                        ]
                    },
                    {
                        id:2,
                        time:'2021-72-01',
                        title:'生生测肤1',
                        bgColor:'#aa2222',
                        name:'张莎2',
                        skip:'油性肌肤2',
                        zIdex:2,
                        userAvatar:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201712%2F15%2F20171215221023_KiYWM.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637396201&t=9ed9a1753bb76f8511af2b96081d131d',
                        skipQues:[
                            {
                                quesName:'油性2',
                                color:'#002323'
                            },
                            {
                                quesName:'轻度色斑3',
                                color:'#442333'
                            },
                            {
                                quesName:'轻度过敏4',
                                color:'#eeaa92'
                            }
                        ]
                    }
                ]
    }
  }
}

文档说明

1、属性说明

2、事件说明