mui app网页开发常见bug

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/change_on/article/details/81709884

最近用mui做app网页的开发，踩了一些小坑，在这总结一下：

1.单一网页
加入有一个网页需要在app上显示，这时候我们不需要全部的mui，在mui中找到需要的例子，复制其js、css引入即可。

2.底部+顶部选项卡时，点击顶部选项卡，被点的选项卡没有被选中
具体的场景是这样的：底部3个tab，其中有一个tab的页面顶部有3个tab，解决方法：在css中重写如下：

.mui-control-content {
    background-color: white;
    min-height: 520px;
}
.l {
    min-height: 768px;
}
.mui-control-content .mui-loading {
    margin-top: 50px;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
border-bottom: 2px solid #007aff;
}
.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {
background-color: initial;
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group {
position: initial;
}

然后在slider去掉mui-slider：<div id="slider" class="">

3.mui中使用jquery没效果
用原生js即可