滑块(Slider)

slider,滑块

不带数字的slider

<div class="weui-slider">
    <div class="weui-slider__inner">
        <div style="width: 0;" class="weui-slider__track"></div>
        <div style="left: 0;" class="weui-slider__handler"></div>
    </div>
</div>

末端带数字的slider

<div class="weui-slider-box">
    <div class="weui-slider">
        <div class="weui-slider__inner">
            <div style="width: 50%;" class="weui-slider__track"></div>
            <div style="left: 50%;" class="weui-slider__handler"></div>
        </div>
    </div>
    <div class="weui-slider-box__value">50</div>
</div>

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

爱生活,爱技术

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注