更新记录

1.0.1(2025-07-21)

问题修复

1.0.0(2025-06-06)

初始化


平台兼容性

uni-app(4.28)

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

uni-app x(4.28)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - -

其他

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

简单实用可扩展3D轮播、堆叠轮播、卡片轮播图、 随手势移动、 自动循环。支持H5,微信小程序,APP等全端

组件名:wsx-3d-swiper

关联组件:3D轮播图swiperwsx

请使用源码授权版,普通授权版插件被官方进行加密,加密后插件有问题。

可直接购买源码授权版使用

如果有任何问题可随时在线与我联系

使用方式

<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

感谢支持

爱人者,人恒爱之;敬人者,人恒敬之;
制作不易, 每一份支持, 都是对我最大的肯定, 让我更有动力创造美好!
如果你在项目中使用该插件并解决了你的问题,请给予厚爱!

隐私、权限声明

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

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

插件不采集任何数据

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

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