横向滚动

横向滚动只需在scroll组件基础上添加mui-slider-indicatorcode mui-segmented-control mui-segmented-control-inverted这三个class即可.(给子元素添加mui-control-item可加大文字间距增强体验
如:)

  1. <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
  2.     <div class="mui-scroll">
  3.         <a class="mui-control-item mui-active">
  4.             推荐
  5.         </a>
  6.         <a class="mui-control-item">
  7.             热点
  8.         </a>
  9.         <a class="mui-control-item">
  10.             北京
  11.         </a>
  12.         <a class="mui-control-item">
  13.             社会
  14.         </a>
  15.         <a class="mui-control-item">
  16.             娱乐
  17.         </a>
  18.         <a class="mui-control-item">
  19.             科技
  20.         </a>
  21.     </div>
  22. </div>

扩展阅读

代码块激活字符:

mscroll

mscrollsegmented