mui app web development common bug

Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/change_on/article/details/81709884

Mui do with the recent development of the web app, I stepped on a number of pits in this summary:

1. The single page
added a page to be displayed on the app, this time we do not need all of mui, mui find examples in need, copy it js, css can be introduced.

2. When top + bottom tab, click on the top of the tab, the tab point not selected
a specific scenario is this: the bottom three tab, which has a tab at the top of the page there are three tab, Resolution: the css rewritten as follows:

.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;
}

Mui-slider is then removed in the slider:<div id="slider" class="">

In 3.mui use jquery no effect
with native js to

Guess you like

Origin blog.csdn.net/change_on/article/details/81709884