uniapp 文字滚动栏组件

由于项目需要,公告自动滚动展示,在网上找了下,有些是可以实现的,
例如:

https://ask.dcloud.net.cn/article/35712
但是有点小问题:公共字数过长的话,展示不全。

还有的是使用css的动画效果实现,大家都知道css动画是指定了时间的,如果公告内容过多的话,会展示


所以重新写了一个组件,也有点瑕疵,就是公告滚动完之后再滚动下前会有一段的空白,后面再优化

组件地址:
[email protected]:uni-appComponent00001/uni-appDemo.git

使用方法:
1、将 /components/screenTextScroll.vuecopy到自己的项目中(components目录下)
2、在main.js中添加代码

import screenTextScroll from '@/components/screenTextScroll.vue' 
Vue.component('textscroll', screenTextScroll)

3、在需要使用的视图中调用


list为滚动的文字集合

你可能感兴趣的:(uniapp 文字滚动栏组件)