更新记录

1.1.0(2024-01-07)

修复动态获取数据后无效的bug。感谢网友指正。

1.0.0(2023-11-23)

第一个版本发布。


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.96 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

wormjan-swiper 下面的例子是完整参数调用,其参数值也是系统默认值 。在实际使用中,除了lists参数,其它的参数均可忽略。默认值如下:

height默认30,backColor默认白色,color默认#555,intval_1 (停顿时长默认1000),intval_2(滚动速度)默认20MS

@click是点击公告事件。在list中如果指定了其它数值,点击事件会传回。

list数组中的title是必不可少的

 <template>
    <view>
        <wormjan-swiper height="30" backColor="#fff" color="#555" intval_1="1000" intval_2="20" @click="itemClick" :lists="list"></wormjan-swiper>
        //最简单的调用方法:
        <wormjan-swiper :lists="list"></wormjan-swiper>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                list:[{"id":"1", "title":"aaa中华人民国中民国中人民国中人民国中华共和国aaa"}, {"id":"2", "title":"bbb中华人民国中人民民国中人民国中人民国中共和国bbbbbbbbbbbbbbbbb"}]
            }
        },
        onLoad() {
            uni.request({
                url: 'url',
                data: {},
                method: 'GET',
                timeout: 5000,
                success: (result) => {
                    that.list = result.data;        //将要滚动的数据赋值
                },
                fail:function(e){

                },
            })
        },
        methods: {
            //点击事件,在list中传递的参数,都会在item参数中传回来
            itemClick(item){
                console.log(item)
            }
        }
    }
</script>
<style></style>

隐私、权限声明

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

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

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

许可协议

MIT协议

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