mui 头部tab代码2

来源:互联网 发布:nginx 正则匹配 编辑:程序博客网 时间:2024/05/16 13:43
<div class="mui-content">    <div class="mui-segmented-control mui-segmented-control-inverted">        <a href="#a" class="mui-control-item mui-active">选项一</a>        <a href="#b" class="mui-control-item">选项二</a>        <a href="#c" class="mui-control-item">选项三</a>        <a href="#d" class="mui-control-item">选项四</a>    </div>    <div id="slider" class="mui-slider">        <!-- 显示下划线 -->        <div class="mui-slider-progress-bar mui-col-xs-3"></div>        <div class="mui-slider-group">            <div id="a" class="mui-slider-item mui-control-content mui-active">                第一个选项卡内容            </div>            <div id="b" class="mui-slider-item mui-control-content">                第二个选项卡内容            </div>            <div id="c" class="mui-slider-item mui-control-content">                第三个选项卡内容            </div>            <div id="d" class="mui-slider-item mui-control-content">                第四个选项卡内容            </div>        </div>    </div></div>