更新记录

1.0.1(2022-04-09)

  1. 修复在微信小程序的显示问题
  2. 新增swiper高度属性

1.0.0(2022-04-08)

初次发布


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

使用

<template>
    <view class="content">
        <xlbsh-swiper :imgList="imgs"></xlbsh-swiper>
    </view>
</template>

<script>
    import xlbshSwiper from '../../components/xlbsh-swiper/xlbsh-swiper.vue' 
    export default {
        components: {
            xlbshSwiper
        },
        data() {
            return {
                title: 'Hello',
                imgs: [
                    '../../static/index/1.jpg',
                    '../../static/index/2.jpg',
                    '../../static/index/3.jpg'
                ]
            }
        }
    }
</script>

参数

属性名 类型 是否必传 默认值 说明
imgList Array 轮播图数组
height String 300rpx 轮播容器高度
autoplay Boolean true 是否自动切换
duration Number 1000 滑动动画时长(ms)
interval Number 3000 自动切换时间间隔(ms)
isDots Boolean true 是否显示指示点
dotsColor String #ccc 指示点颜色
dotsActiveColor String #DD524D 选中指示点颜色

事件

属性名 说明
@select select(obj), 返回obj为当前选中项的图片地址和下标

隐私、权限声明

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

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

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

许可协议

MIT协议

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