mui这个库问题还真不少。在引入mui.js后,其tabbar在vue项目中点击切换失效,原因是tabbar这个组件的样式类名可能是和min.js冲突了,所以解决办法,就是把其样式的类名重新修改,具体如下:
- 在浏览器中找到所有的
class="mui-tab-item"
的样式,并把其样式复制到自己定义的style里面,然后修改class="mui-tab-item"
,并把对应标签上的类名改为和你修改的一样。
// 修改类名,解决tabbar点击无法切换的问题
.mui-bar-tab .mui-tab-item-cc.mui-active {
color: #007aff;
}
.mui-bar-tab .mui-tab-item-cc {
display: table-cell;
ov