更新记录

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项目中使用都兼容