slider,滑块

    不带数字的slider

    1. <div class="weui-slider">
    2. <div class="weui-slider__inner">
    3. <div style="width: 0;" class="weui-slider__track"></div>
    4. <div style="left: 0;" class="weui-slider__handler"></div>
    5. </div>
    6. </div>

    末端带数字的slider

    1. <div class="weui-slider-box">
    2. <div class="weui-slider">
    3. <div class="weui-slider__inner">
    4. <div style="width: 50%;" class="weui-slider__track"></div>
    5. <div style="left: 50%;" class="weui-slider__handler"></div>
    6. </div>
    7. </div>
    8. <div class="weui-slider-box__value">50</div>
    9. </div>

    js的配合用法请看:https://weui.io/#slider

    原文: https://github.com/Tencent/weui/wiki/Slider