25 lines
956 B
Plaintext
25 lines
956 B
Plaintext
|
<view class="container">
|
||
|
|
<view class="stepper-demo">
|
||
|
|
<view class="demo-title">基本用法</view>
|
||
|
|
<custom-stepper value="{{ value1 }}" bindchange="onChange1" />
|
||
|
|
<text class="current-value">当前值：{{ value1 }}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="stepper-demo">
|
||
|
|
<view class="demo-title">设置步长</view>
|
||
|
|
<custom-stepper value="{{ value2 }}" step="2" bindchange="onChange2" />
|
||
|
|
<text class="current-value">当前值：{{ value2 }}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="stepper-demo">
|
||
|
|
<view class="demo-title">设置范围</view>
|
||
|
|
<custom-stepper value="{{ value3 }}" min="0" max="10" bindchange="onChange3" />
|
||
|
|
<text class="current-value">当前值：{{ value3 }}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="stepper-demo">
|
||
|
|
<view class="demo-title">禁用状态</view>
|
||
|
|
<custom-stepper value="{{ value4 }}" disabled bindchange="onChange4" />
|
||
|
|
<text class="current-value">当前值：{{ value4 }}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|