常德网站建设开发公司网络品牌营销

uView的u-notice-bar组件横向滚动不生效问题解决

此问题导致我换了vant组件的 notice-bar，一度以为是该组件存在bug。uniapp中有vant组件打包小程序又是一个问题，于是乎不得不回来继续折腾uView的u-notice-bar组件，偶然发现css属性animation-play-state这个动画播放状态是暂停的，猜测可能是框架的全局样式默认暂停了，那我么主动单独给个开的样式吧。针对这个问题记录下来，希望帮到踩坑的朋友。我是在 App.vue的样式中全局设置的，你可以自己决定在哪里去设置，只要在作用域里都可以。

.u-notice-content{animation-duration: 20s !important; // 通过这个值可以调播放快慢animation-play-state: running !important; // 默认给开始
}

原因分析：

 该组件默认是有播放控制和速度控制的，但是不生效，估计是属性没有生效导致的，需要花时间去分析源码，我这里就偷懒了，希望有知道的同学在评论区留言分享下。