mui.css实现选项卡功能

最新推荐文章于 2021-04-16 10:50:24 发布

Vivianluolita

最新推荐文章于 2021-04-16 10:50:24 发布

阅读量6.2k

点赞数

分类专栏： HTML5+CSS3

本文链接：https://blog.csdn.net/Vivianluolita/article/details/61623674

版权

HTML5+CSS3 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<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>