更新记录

1.1（2022-07-19） 下载此版本

无

1.0（2022-07-19） 下载此版本

无

平台兼容性

uni-app

uni-app x

有左右按钮的swiper

组件名：woo-swipe。

1、在uni-swipe的基础上改版。 2、web端和小程序端已测试。 3、有左右选择上一张下一张,自定义样式非常简单。

使用方式：

在 script 中引用组件

import wooSwiper from "@/components/woo-swiper/woo-swiper.vue";
export default {
    components:{wooSwiper},
    name: 'codeCard',
    data() {
        return {
            list:[
                    {src:'https://cdn.uviewui.com/uview/demo/transition/fade.png', text:"凭证码:3HDKF7B4SZ"},
                    {src:'https://cdn.uviewui.com/uview/demo/transition/zoom.png', text:"凭证码:9KSDDF84BD"},
                ]
        };
    }
};

在 template 中使用组件

    <woo-swiper :list="list"></woo-swiper>

属性说明：

list 列表 属性说明：

例如：

[
    {src:'https://cdn.uviewui.com/uview/demo/transition/fade.png', text:"凭证码:3HDKF7B4SZ"},
    {src:'https://cdn.uviewui.com/uview/demo/transition/zoom.png', text:"凭证码:9KSDDF84BD"},
]

事件说明：

返回数据:

change(index){
    // index为当前图片索引
}