更新记录

1.0.3（2023-11-25）

修改：点击事件的返回参数 this.$emit('clickItem',item,index,this.items)

1.0.2（2023-11-18）

修复：高度设置失效

1.0.1（2023-11-18）

修复：在 vue2 中 class 调用方法不支持传参问题

平台兼容性

zmxy-slideshow 幻灯片

该组件是对原生 swiper 进行封装，继承了原组件部分属性及功能。

属性说明

easing-function 属性

案例代码

# 基础使用
<zmxy-slideshow :items="items"></zmxy-slideshow>
# 字符串数组，线性动画
<zmxy-slideshow :items="items2" easing-function="linear"></zmxy-slideshow>

export default {
    data() {
        return {
            items: [{
                url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
                title: '内容标题',
            }, {
                url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
                title: '内容标题',
            }, {
                url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
                title: '内容标题',
            }, ],
            items2: [
                'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
                'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
                'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
            ],
        };
    },
    methods: {
        clickItem(item) {
            console.log(item);
        }
    }
}