可左右滑动的选项卡（快捷键mt 提示出来的第三个）  （下面的 类mui-slider-progress-bar里面的栅格根据选项卡的数量和调整）

<div class="mui-slider">

<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">

<a class="mui-control-item" href="#item1">选项卡1</a>

<a class="mui-control-item" href="#item2">选项卡2</a>

<a class="mui-control-item" href="#item3">选项卡3</a>

<a class="mui-control-item" href="#item4">选项卡4</a>

</div>

<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-3"></div>

<div class="mui-slider-group">

<div id="item1" class="mui-slider-item mui-control-content mui-active">

<ul class="mui-table-view">

<li class="mui-table-view-cell">第1个选项卡子项</li>

<li class="mui-table-view-cell">第1个选项卡子项</li>

</ul>

</div>

<div id="item2" class="mui-slider-item mui-control-content">

<ul class="mui-table-view">

<li class="mui-table-view-cell">第2个选项卡子项</li>

<li class="mui-table-view-cell">第2个选项卡子项</li>

</ul>

</div>

<div id="item3" class="mui-slider-item mui-control-content">

<ul class="mui-table-view">

<li class="mui-table-view-cell">第3个选项卡子项</li>

<li class="mui-table-view-cell">第3个选项卡子项</li>

</ul>

</div>

<div id="item4" class="mui-slider-item mui-control-content">

<ul class="mui-table-view">

<li class="mui-table-view-cell">第4个选项卡子项</li>

<li class="mui-table-view-cell">第4个选项卡子项</li>

</ul>

</div>

</div>

</div>