uView的u-notice-bar组件横向滚动不生效问题解决
此问题导致我换了vant组件的 notice-bar,一度以为是该组件存在bug。uniapp中有vant组件打包小程序又是一个问题,于是乎不得不回来继续折腾uView的u-notice-bar组件,偶然发现css属性animation-play-state这个动画播放状态是暂停的,猜测可能是框架的全局样式默认暂停了,那我么主动单独给个开的样式吧。
针对这个问题记录下来,希望帮到踩坑的朋友。
我是在 App.vue的样式中全局设置的,你可以自己决定在哪里去设置,只要在作用域里都可以。
css
.u-notice-content{
animation-duration: 20s !important; // 通过这个值可以调播放快慢
animation-play-state: running !important; // 默认给开始
}
原因分析:
该组件默认是有播放控制和速度控制的,但是不生效,估计是属性没有生效导致的,需要花时间去分析源码,我这里就偷懒了,希望有知道的同学在评论区留言分享下。