本文介绍了在Vue项目中遇到的mui.js无效、顶部栏滑动和数字框点击无效等问题的解决方案，以及修复tabbar无法切换的步骤。通过导入mui.js并设置Vue原型，实现了滑动效果。同时，针对tabbar样式问题，提供了重新定义样式类的方法。最后，对于build时出现SVG错误的处理，建议修改mui.css中SVG的引用引号。
1、引用mui.js无效，top-bar划动，numbox点击无效等问题
解决办法：
-main.js中import mui from './lib/mui/js/mui.js'
Vue.prototype.$mui = mui
-vue组件中
mounted(){
this.$mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
},
2、解决上述问题后出现tabbar无法切换的问题
解决办法：
-找到tabbar的样式类mui-tab-item重写，修改类名即可 如：
.mui-bar-tab .mui-tab-item-new.mui-active {
color: #007aff;
}
.mui-bar-tab .mui-tab-item-new {
display: table-cell;
overflow: hidden;
1%;
height: 50px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
color: #929292;
}
.mui-bar-tab .mui-tab-item-new .mui-icon {
top: 3px;
24px;
height: 24px;
padding-top: 0;
padding-bottom: 0;
}
.mui-bar-tab .mui-tab-item-new .mui-icon~.mui-tab-label {
font-size: 11px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
3、build时候出错，显示SVG之类的错误
解决办法：
-在引入的mui.css或mui.min.css中查找SVG，单引号改为双引号即可
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
