更新记录
1.0.1(2022-04-09)
下载此版本
- 修复在微信小程序的显示问题
- 新增swiper高度属性
1.0.0(2022-04-08)
下载此版本
初次发布
平台兼容性
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为当前选中项的图片地址和下标 |