更新记录

1.0.1(2021-04-19)

修复指示点错位问题

1.0(2021-04-08)

个性指示点


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.8 app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
<!-- 使用方法、使用示范 -->
<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 后边距,可用于露出后一项的一小部分

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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