mui.css实现选项卡功能

时间:2021-05-17 06:27:22
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bg-w">
<a class="mui-control-item mui-active" href="#item1mobile">
基本信息
</a>
<a class="mui-control-item" href="#item2mobile">
办理程序
</a>
<a class="mui-control-item" href="#item3mobile">
申请材料
</a>
<a class="mui-control-item" href="#item4mobile">
其他
</a>
</div>
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-3"></div>
<div class="mui-slider-group">
<div id="item1mobile" class="base-info md-f1 mui-slider-item mui-control-content detailInfos md-box md-ver mui-active">基本信息

</div>
<div id="item2mobile" class="process bg md-f1 mui-slider-item mui-control-content detailInfos1 md-box md-ver">办理程序

</div>
<div id="item3mobile" class="apply bg md-f1 mui-slider-item mui-control-content detailInfos2 md-box md-ver">申请材料

</div>
<div id="item4mobile" class="others md-f1 mui-slider-item mui-control-content detailInfos3 md-box md-ver">
<div class="messageContent">其他

</div>
</div>
</div>
</div>



mui.css实现选项卡功能