• 滑块

    滑块

    滑块可用于用户输入数值的一种方式,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