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

狂野小青年2024-08-20 23:12

复制代码

此问题导致我换了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; // 默认给开始
}

原因分析：

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