mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
41 lines
1.0 KiB
Plaintext
41 lines
1.0 KiB
Plaintext
<doc-page title="Stepper">
|
|
<view class="zan-panel-title">基础用法</view>
|
|
<view style="padding: 40px 15px">
|
|
<zan-stepper
|
|
stepper="{{ stepper1.stepper }}"
|
|
min="{{ stepper1.min }}"
|
|
max="{{ stepper1.max }}"
|
|
data-component-id="stepper1"
|
|
bind:change="handleZanStepperChange"
|
|
>
|
|
</zan-stepper>
|
|
</view>
|
|
|
|
<!-- small size -->
|
|
<view class="zan-panel-title">不同尺寸</view>
|
|
<view style="padding: 40px 15px">
|
|
<zan-stepper
|
|
stepper="{{ stepper2.stepper }}"
|
|
min="{{ stepper2.min }}"
|
|
max="{{ stepper2.max }}"
|
|
size="small"
|
|
data-component-id="stepper2"
|
|
bind:change="handleZanStepperChange"
|
|
>
|
|
</zan-stepper>
|
|
</view>
|
|
|
|
<view class="zan-panel-title">高级用法</view>
|
|
<view style="padding: 40px 15px">
|
|
<zan-stepper
|
|
stepper="{{ stepper3.stepper }}"
|
|
min="{{ stepper3.min }}"
|
|
max="{{ stepper3.max }}"
|
|
step="{{ stepper3.step }}"
|
|
data-component-id="stepper3"
|
|
bind:change="handleZanStepperChange"
|
|
>
|
|
</zan-stepper>
|
|
</view>
|
|
</doc-page>
|