由于项目需要,公告自动滚动展示,在网上找了下,有些是可以实现的,
例如:
https://ask.dcloud.net.cn/article/35712
但是有点小问题:公共字数过长的话,展示不全。
还有的是使用css的动画效果实现,大家都知道css动画是指定了时间的,如果公告内容过多的话,会展示
所以重新写了一个组件,也有点瑕疵,就是公告滚动完之后再滚动下前会有一段的空白,后面再优化
组件地址:
git@codehub.devcloud.huaweicloud.com:uni-appComponent00001/uni-appDemo.git
使用方法:
1、将 /components/screenTextScroll.vuecopy
到自己的项目中(components目录下)
2、在main.js中添加代码
import screenTextScroll from '@/components/screenTextScroll.vue'
Vue.component('textscroll', screenTextScroll)
3、在需要使用的视图中调用
<textscroll :list="list" />
list为滚动的文字集合
网友评论