ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 03:11:15 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(Stepper): add decimal-length prop (#4443)

Browse Source
This commit is contained in:
neverland
2019-09-12 17:35:16 +08:00
committed by GitHub
parent f14043c18d
commit 927bf464bf
7 changed files with 174 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/stepper/demo/index.vue
View File

@@ -1,73 +1,35 @@
<template>
<demo-section>
<van-cell
center
:title="$t('basicUsage')"
>
<van-cell center :title="$t('basicUsage')">
<van-stepper v-model="stepper1" />
</van-cell>
<van-cell
center
:title="$t('step')"
>
<van-stepper
v-model="stepper2"
step="2"
/>
<van-cell center :title="$t('step')">
<van-stepper v-model="stepper2" step="2" />
</van-cell>
<van-cell
center
:title="$t('range')"
>
<van-stepper
v-model="stepper3"
:min="5"
:max="8"
/>
<van-cell center :title="$t('range')">
<van-stepper v-model="stepper3" :min="5" :max="8" />
</van-cell>
<van-cell
center
:title="$t('integer')"
>
<van-stepper
v-model="stepper4"
integer
/>
<van-cell center :title="$t('integer')">
<van-stepper v-model="stepper4" integer />
</van-cell>
<van-cell
center
:title="$t('disabled')"
>
<van-stepper
v-model="stepper5"
disabled
/>
<van-cell center :title="$t('disabled')">
<van-stepper v-model="stepper5" disabled />
</van-cell>
<van-cell
center
:title="$t('asyncChange')"
>
<van-stepper
:value="stepper6"
async-change
@change="onChange"
/>
<van-cell center :title="$t('decimalLength')">
<van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
</van-cell>
<van-cell
center
:title="$t('customSize')"
>
<van-stepper
v-model="stepper7"
button-size="32px"
input-width="40px"
/>
<van-cell center :title="$t('customSize')">
<van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
</van-cell>
<van-cell center :title="$t('asyncChange')">
<van-stepper :value="stepper6" async-change @change="onChange" />
</van-cell>
</demo-section>
</template>
@@ -80,14 +42,16 @@ export default {
range: '限制输入范围',
integer: '限制输入整数',
asyncChange: '异步变更',
customSize: '自定义大小'
customSize: '自定义大小',
decimalLength: '固定小数位数'
},
'en-US': {
step: 'Step',
range: 'Range',
integer: 'Integer',
asyncChange: 'Async Change',
customSize: 'Custom Size'
customSize: 'Custom Size',
decimalLength: 'Decimal Length'
}
},
@@ -99,7 +63,8 @@ export default {
stepper4: 1,
stepper5: 1,
stepper6: 1,
stepper7: 1
stepper7: 1,
stepper8: 1
};
},