滑块

滑块可用于用户输入数值的一种方式,WeUI 中仅包含 CSS 样式,JS 部分可自行实现或使用 weui.js(点击查看相关文档)

  1. <!-- 滑块 -->
  2. <div class="weui-slider-box">
  3. <div class="weui-slider">
  4. <div class="weui-slider__inner">
  5. <div class="weui-slider__track" style="width: 62%;"></div>
  6. <div class="weui-slider__handler" style="left: 62%;"></div>
  7. </div>
  8. </div>
  9. <!-- 显示数值,可选 -->
  10. <div class="weui-slider-box__value">62</div>
  11. </div>

weui-slider__trackwidth 属性和 weui-slider__handlerleft 属性表示滑块的进度,且两者的值相同。

滑块 - 图1