slider 滑动选择器

    示例

    代码示例1 - 默认样式

    2.         <view>显示当前取值</view>
    3.         <view>show-value</view>
    4.     </view>
    5.     <slider class="slider" min="0" max="200" value="30" show-value step="30" bind:change="sliderChange" disabled="false"></slider>
    6. </view>

    代码示例3 - 自定义最大/最小值

    2.     <view class="top-description border-bottom">
    3.         <view>自定义步长</view>
    4.         <view>step="30"</view>
    5.     </view>
    6. </view>

    代码示例5 - 自定义滑块样式

    在开发者工具中预览效果

    2.     <view class="card-area">
    3.         <view class="top-description border-bottom">
    4.             <view>自定义样式</view>
    5.             <view>backgroundColor="#DB7093"  activeColor="#000"</view>
    6.         </view>
    7.         <slider class="slider"  min="0" max="1500" value="200" step="30" block-size="16"  backgroundColor="#DB7093"  activeColor="#000" bind:change="sliderChange" disabled="false"></slider>
    9. </view>