mui 头部tab代码2

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