67 lines
2.0 KiB
Plaintext
67 lines
2.0 KiB
Plaintext
|
<import src="../../common/head.wxml" />
|
||
|
|
<import src="../../common/foot.wxml" />
|
||
|
|
|
||
|
|
<view class="container">
|
||
|
|
<template is="head" data="{{title: 'slider'}}"/>
|
||
|
|
|
||
|
|
<view class="page-body">
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">设置step</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="60" bindchange="slider2change" step="5"/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">显示当前value</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="50" bindchange="slider3change" show-value/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">设置最小/最大值</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="100" bindchange="slider4change" min="50" max="200" show-value/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">禁用</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="60" disabled />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- <view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">已选择的颜色</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="60" activeColor="#409eff" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">背景条的颜色</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="60" backgroundColor="#409eff" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">滑块的大小，取值范围为 12 - 28</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="60" block-size="12" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<view class="page-section-title">滑块的颜色</view>
|
||
|
|
<view class="body-view">
|
||
|
|
<slider value="60" block-color="#409eff" />
|
||
|
|
</view>
|
||
|
|
</view> -->
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<template is="foot" />
|
||
|
|
</view>
|