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

效果: