更新记录

1.0.0(2025-04-28)

初始化


平台兼容性

Vue2 Vue3
×
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轮播图swiperwsx

简单实用的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

隐私、权限声明

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

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

插件不采集任何数据

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

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