更新记录
1.0.0(2025-04-28)
初始化
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 4.28 app-vue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
简单实用可扩展 3D轮播图 堆叠轮播图 卡片轮播图(小程序/App/移动端/iPad)
组件名:wsx-3d-swiper
关联组件:3D
、轮播图
、swiper
、wsx
简单实用的3D轮播、堆叠轮播、卡片轮播图 随手势移动 自动循环。支持H5,微信小程序,APP等全端
使用方式:
<template>
<view class="wsx">
<wsx-3d-swiper :swiperList="swiperList"> </wsx-3d-swiper>
</view>
</template>
<script>
import wsx3dSwiper from '../../components/wsx-3d-swiper/wsx-3d-swiper.vue'
export default {
components: {
wsx3dSwiper,
},
data() {
return {
// 图片
swiperList: [{
url: '/static/img1.jpg'
}, {
url: '/static/img2.jpg'
},{
url: '/static/img3.jpg'
}
],
};
},
onHide() {},
methods: {},
};
</script>
参数说明:
参数 |
类型 |
默认值 |
说明 |
swiperList |
Array |
[] |
图片地址等信息 |
interval |
Number |
3000 |
自动切换时间间隔(ms) |
autoplay |
Boolean |
true |
是否自动切换 |
事件说明:
事件 |
说明 |
change |
点击照片后回调返回Object |