美文网首页
uniapp 文字滚动栏组件

uniapp 文字滚动栏组件

作者: Running_阿文 | 来源:发表于2020-09-18 10:23 被阅读0次

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

    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为滚动的文字集合

    相关文章

      网友评论

          本文标题:uniapp 文字滚动栏组件

          本文链接:https://www.haomeiwen.com/subject/asidyktx.html