更新记录

1.0.1（2025-12-18） 下载此版本

细节优化

1.0.0（2025-12-18） 下载此版本

首次上传

平台兼容性

uni-app(4.87)

uni-app x(4.87)

joy-swiper

异型的无缝轮播图

参数说明

参数
list: 图片数组
imgKey：图片key；默认filePath
autoplay: 是否自动轮播；默认关闭
duration: 自动轮播间隔时长；默认3000ms

事件
click；返回索引值

代码示例

<template>
    <joy-swiper :list="swiper" @click="clickItem" />
</template>

<script>
    export default {
        data() {
            return {
                // 建议数组长度在3个以上
                // 假数据是用背景色代替图片路径，引入插件后在插件内删除image的backgroundColor属性即可
                swiper: [
                    {
                        filePath: '#815c94'
                    },
                    {
                        filePath: '#2E5A6F'
                    },
                    {
                        filePath: '#ed5126'
                    },
                    {
                        filePath: '#B6D7A8'
                    },
                    {
                        filePath: '#2A52BE'
                    },
                    {
                        filePath: '#96c24e'
                    },
                ]
            }
        },
        methods: {
            clickItem(index) {
                console.log(index)
            }
        }
    }
</script>