更新记录

1.0(2024-11-19) 下载此版本

初次上传


平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
× ×

引入组件

<script>
    import swiperTab from "@/components/swiperTab/swiperTab.vue";
</script>   

注册组件

<script>
    export default {
        components: {
            swiperTab
        }
    }
</script>

使用组件--示例

<swiperTab :current="current" :scrollList="scrollList" :autoplay="false" :thumbBorder="true"></swiperTab>

需要传递的数据

data() {
        return {
            scrollList: [
                {
                    imgurl:''
                }
            ]
        }
    }

参数 props

参数 说明 类型 默认值
scrollList 需要遍历的数组 array
current 选择的索引 number 0
swiperHeight 轮播图容器的高度(单位rpx) number 500
thumbnailPadding 缩略图容器上下内边距(单位rpx) number 0
thumbnailWidth 缩略图宽度(单位rpx) number 200
thumbnailHeight 缩略图高度(单位rpx) number 160
autoplay 自动切换 boolead false
interval 自动切换间隔时长 number 2000
duration 滑动动画时长 number 500
thumbBorderColor 缩略图边框颜色 string
thumbBorderWidth 缩略图边框宽度(单位px) number 2
thumbBorder 是否需要边框 boolead false

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问