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

原因分析:

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

相关推荐
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
瑶琴AI前端1 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
会发光的猪。1 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
我要洋人死2 小时前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人3 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人3 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR3 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香3 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596933 小时前
前端预览word、excel、ppt
前端·word·excel
小华同学ai3 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书