更新记录

1.1.6（2020-08-28） 下载此版本

1、优化删除按钮不更新数据问题 2、说明文档更新

1.1.5（2020-07-15） 下载此版本

资历有限多谢支持

1.1.4（2020-07-15） 下载此版本

优化APP滑动bug

平台兼容性

浏览器支持

Latest ✔	Latest ✔	Latest ✔	Latest ✔	Latest ✔

演示地址

h5演示: https://static-d573b7cd-4be9-4ecf-b365-2f70bfb6ad13.bspapp.com

使用方法

在 script 中引用组件

    import markSlideList from '../../components/mark-slide-list/mark-slide-list.vue'
    export default {
        components: {
            markSlideList
        }
    }

在 template 中的使用

    <mark-slide-list :list="list" :button="buttonList" :border="true" @click="clickMethod" @change="changeMethod"></mark-slide-list>

    export default {
        data() {
            return {
                list : [
                    {
                        id: 1,
                        image: '../../static/slide-list/logo.png',
                        title: '张三',
                        rightDetail: '2019-03-18',
                        detail: 'XXXXXXXXXXXXXXXXXXX公司',
                        slide_x: 0
                    },
                    {
                        id: 2,
                        surname: '李',
                        title: '李二',
                        rightDetail: '2019-03-17',
                        detail: 'XXXXXXXXXXXXXXXXXXX公司',
                        slide_x: 0
                    },
                    {
                        id: 3,
                        title: '王五',
                        rightDetail: '2019-03-18',
                        slide_x: 0
                    },
                    {
                        id: 4,
                        surname: '李',
                        detail: 'XXXXXXXXXXXXXXXXXXX公司',
                        slide_x: 0
                    }
                ],
                buttonList: [
                    {
                        title: '分享',
                        background: '#c4c7cd'
                    },
                    {
                        title: '删除',
                        background: '#ff3b32'
                    }
                ]
            };
        },
        methods: {
            changeMethod(data, button, index){
                console.log('滑动按钮回调', data)
                console.log('滑动按钮回调', button)
            },
            clickMethod(data){
                console.log('点击行回调', data)
            }
        }
    }

使用方法

list 参数说明

button 参数说明

事件说明

• 希望给个 star 谢谢！！！
• 创建日期：2019-03-18