更新记录

1.0.1（2023-12-04） 下载此版本

新增连续滚动轮播

1.0.0（2023-11-30） 下载此版本

上传1.0

平台兼容性

功能

由于日常业务逻辑需要，做一个自动轮播前两张翻牌效果且默认反面中间为正面，swiper+css实现，有好的建议欢迎提出

如何使用

HTML

<z-reversal :swiperArray="swiperArray"></z-reversal>

js

import zReversal from '@/components/z-reversal/z-reversal.vue';
components:{zReversal},
data() {
    return {
        swiperArray: [
            {
                icon: "/static/1.jpg",
                name: "海诺"
            },
            {
                icon: "/static/2.jpg",
                name: "朵莉亚"
            },
            {
                icon: "/static/3.jpg",
                name: "亚连"
            },
            {
                icon: "/static/4.jpg",
                name: "姬小满"
            },
            {
                icon: "/static/5.jpg",
                name: "莱西奥"
            },
            {
                icon: "/static/6.jpg",
                name: "赵怀真"
            }
        ]
    }
},
methods:{
}