更新记录

1.0.1（2021-04-19） 下载此版本

修复指示点错位问题

1.0（2021-04-08） 下载此版本

个性指示点

平台兼容性

uni-app

其他

复制代码<template>
    <view>
        <!-- 使用组件 -->
        <Xsuu-swiper :swiperItems="swiperItems"></Xsuu-swiper>
    </view>
</template>

<script>
    // 引入组件
    import XsuuSwiper from "../../components/Xss-swiper/Xsuu-swiper.vue"
    export default {
        // 注册组件
        components: {XsuuSwiper},
        data() {
            return {
                swiperItems:[
                    {
                            "img": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn11%2F440%2Fw744h496%2F20181030%2F97c2-hnaivxq7344712.jpg&refer=http%3A%2F%2Fn.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619914829&t=52a970d21d4898c8e7ca21b8b5aa9312",
                            "title": "鲤程新能源",
                            "Subtitle": "心鲤程，心鲤想！",
                            "tip": "限时",
                            "url": "111"
                        },
                        {
                            "img": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fs1.xchuxing.com%2Fxchuxing%2Fforum%2F201607%2F27%2F185524zj7wog6qizk9o90k.jpg&refer=http%3A%2F%2Fs1.xchuxing.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619914861&t=4c64a4a5cec709f9d03507b793546646",
                            "title": "包月低至9.9元",
                            "Subtitle": "立享受充电礼包！",
                            "tip": "推荐",
                            "url": "111"
                        },
                        {
                            "img": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F11780621658%2F0.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619914935&t=7d98cfe6b5a2634598fc7bda871aa7c9",
                            "title": "进口儿童座椅",
                            "Subtitle": "￥698.99",
                            "tip": "进口",
                            "url": "111"
                        },
                        {
                            "img": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fstc.zjol.com.cn%2Fg1%2FM000E11CggSDVi-zTuAT1Y3AAB2NSzPgKI097.jpg%3Fwidth%3D576%26height%3D340&refer=http%3A%2F%2Fstc.zjol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619914972&t=9cc0a578d4818d87c43f1fe839010096",
                            "title": "品牌T恤",
                            "Subtitle": "￥22.99",
                            "tip": "nike",
                            "url": "111"
                        }
                ]
            }
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>

<style>
</style>

复制代码    // swiperItems  循环对象
    // height  高度
    // margin  边距
    // borderRadius 圆角
    // titleFontSize 标题大小
    // titleColor 标题颜色
    // SubtitleFontSize 副标题大小
    // SubtitleColor 副标题颜色
    // dotHeight 指示点距离轮播底部高度
    // dotMargin 指示点侧边距
    // SelectBG 指示点未选中颜色
    // UncheckedBG 指示点选中颜色
    // DotPosition 指示点位置 1左侧 2右侧 3居中
    // button 查看详情按钮是否显示 1显示 0不显示
    // previousMargin 前边距，可用于露出前一项的一小部分
    // nextMargin 后边距，可用于露出后一项的一小部分