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

原因分析:

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

相关推荐
D11_2 分钟前
【React】验证码图片管理系统
前端
掘金安东尼26 分钟前
Caddyfile:用最简单的方式配置最现代的 Web 服务器
运维·服务器·前端
菠萝+冰38 分钟前
React-Window 虚拟化滚动
前端·react.js·前端框架
皓月Code39 分钟前
第三章、React项目国际化介绍(`react-i18next`)
前端·javascript·react.js·1024程序员节
云中雾丽43 分钟前
react中 所有给 children 传值的方式
前端
加蓓努力我先飞1 小时前
Vue3小兔鲜-(二)
前端·javascript·css·vue3
豆苗学前端1 小时前
企业级用户登录Token存储最佳实践,吊打面试官
前端·javascript·后端
李剑一1 小时前
vite框架下大屏适配方案
前端·vue.js·响应式设计
有点笨的蛋1 小时前
HTML5 敲击乐:从静态页面到动态交互的前端实战
前端·html
文心快码BaiduComate1 小时前
冰城码力全开,共赴AI Coding英雄之旅!CEDxCNCC百度文心快码Meetup圆满落幕!
前端·后端·程序员