Skip to content

Latest commit

 

History

History
36 lines (34 loc) · 1.27 KB

README.md

File metadata and controls

36 lines (34 loc) · 1.27 KB

Mini Program Bidirectional Slider

        <ani-slider
        width="300"
        slider-value="{{sliderVal}}"
        min="0"
        max="100000"
        step="10"
        disabled="{{disabled}}"
        block-color="yellow"
        active-color="red"
        block-size="26"
        background-color="yellow"
        bindchange="sliderChange"
    >
        <text slot="left" class="slider_left">{{min}}</text>
        <text slot="right" class="slider_right">{{max}}</text>
    </ani-slider>

Parameter Description

Property Type Default Value Required Description
width Number 320 No Width of the slider
sliderValue Object {min:0,max:100} No Focus values
min Number 0 No Minimum range
max Number 100 No Maximum range
step Number 1 No Step size
disabled Boolean false No Whether disabled
active-color String #000000 No Color of the selected line
background-color String #D4D4D4 No Color of the background line
block-size Number 26 No Size of the block
bindchange Function No Event triggered during sliding
bindchangeend Function No Event triggered at the end of sliding