更新记录
1.0.0(2025-06-06)
下载此版本
初始化
平台兼容性
uni-app(4.28)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
- |
其他
简单实用可扩展3D轮播、堆叠轮播、卡片轮播图、 随手势移动、 自动循环。支持H5,微信小程序,APP等全端
组件名:wsx-3d-swiper
关联组件:3D
、轮播图
、swiper
、wsx
使用方式
<template>
<view class="wsx">
<wsx-3d-swiper :swiperList="swiperList" @change="onChange"> </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'
}],
};
},
methods: {
onChange(e) {
console.log('当前值:' + e)
}
},
};
</script>
参数说明
参数 |
类型 |
默认值 |
说明 |
swiperList |
Array |
[] |
图片地址等信息 |
interval |
Number |
3000 |
自动切换时间间隔(ms) |
autoplay |
Boolean |
true |
是否自动切换 |
事件说明
事件 |
说明 |
change |
点击照片后回调返回Object |
感谢支持
爱人者,人恒爱之;敬人者,人恒敬之;
制作不易, 每一份支持, 都是对我最大的肯定, 让我更有动力创造美好!
如果你在项目中使用该插件并解决了你的问题,请给予厚爱!