使用mui实现横向滚动的tab标签

第一步:引入mui.min.css和mui.min.js文件

第二部:在html文档中添加如下代码

<div class="mui-content">
   <div id="slider" class="mui-slider mui-fullscreen">
    <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
     <div class="mui-scroll">
      <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>
      <a class="mui-control-item" href="#item5mobile">
       影评
      </a>
      <a class="mui-control-item" href="#item6mobile">
       美食
      </a>
     </div>
    </div>
            </div>
</div>

效果: