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

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; // 默认给开始
}

原因分析:

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

相关推荐
Hilaku8 分钟前
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
前端·javascript·css
yangcode13 分钟前
iOS 苹果内购 Storekit 2
前端
LuckySusu14 分钟前
【js篇】JavaScript 原型修改 vs 重写:深入理解 constructor的指向问题
前端·javascript
LuckySusu15 分钟前
【js篇】如何准确获取对象自身的属性?hasOwnProperty深度解析
前端·javascript
LuckySusu19 分钟前
【js篇】深入理解 JavaScript 作用域与作用域链
前端·javascript
LuckySusu19 分钟前
【js篇】call() 与 apply()深度对比
前端·javascript
LuckySusu23 分钟前
【js篇】addEventListener()方法的参数和使用
前端·javascript
该用户已不存在25 分钟前
6个值得收藏的.NET ORM 框架
前端·后端·.net
LuckySusu30 分钟前
【js篇】深入理解 JavaScript 原型与原型链
前端·javascript
文心快码BaiduComate34 分钟前
文心快码入选2025服贸会“数智影响力”先锋案例
前端·后端·程序员