更新记录

1.0.0(2021-01-15) 下载此版本


平台兼容性

使用教程

1.插件代码拷贝

下载后把components目录下dazhuang-SubtitleScrolling.vue文件拷贝到自己项目目录下

2.插件全局配置

在项目里main.js中配置如下代码

import dazhuangSubtitleScrolling from 'components/dazhuang-SubtitleScrolling/dazhuang-SubtitleScrolling.vue'
Vue.component('dazhuangSubtitleScrolling',dazhuangSubtitleScrolling)

3.插件使用

vue页面使用

<template>
    <view>
        <dazhuangSubtitleScrolling :lists="lists" :width="width" :height='height' :background='background' :color='color' :speed='speed' />
    </view>
</template>
<script>
    export default {
        data() {
            return {
                //滚动数据--以数组的形式,不限制长度
                lists:['1分钟前,小明获得的了100红包','2分钟前,大壮获得了50元话费','3分钟前,小红获得了200元购物卷'],
                //滚动显示区域宽度
                width:'375px',
                //滚动显示区域高度,大于等于40
                height:'40px',
                //滚动显示区域背景颜色
                background:'#00b8a9',
                //滚动显示字幕颜色
                color:'#f8f3d4',
                //滚动速度
                speed:30
            }
        }
    }
</script>
<style>
</style>

4.兼容性

uni-app项目中使用都兼容

隐私、权限声明

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

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

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

许可协议

MIT协议

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