mui app网页开发常见bug

最新推荐文章于 2024-08-30 13:14:04 发布

J_小浩子

最新推荐文章于 2024-08-30 13:14:04 发布

阅读量1k

点赞数

文章标签： mui

本文链接：https://blog.csdn.net/change_on/article/details/81709884

版权

mui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近用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;
}