chore: fix cell slot warning

This commit is contained in:
chenjiahan 2021-07-12 16:29:44 +08:00
parent 1db778e8e2
commit c2737446a6
2 changed files with 85 additions and 37 deletions

View File

@ -1,48 +1,68 @@
<template> <template>
<demo-block card> <demo-block card>
<van-cell center :title="t('basicUsage')"> <van-cell center :title="t('basicUsage')">
<template #value>
<van-stepper v-model="stepper1" /> <van-stepper v-model="stepper1" />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('step')"> <van-cell center :title="t('step')">
<template #value>
<van-stepper v-model="stepper2" step="2" /> <van-stepper v-model="stepper2" step="2" />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('range')"> <van-cell center :title="t('range')">
<template #value>
<van-stepper v-model="stepper3" :min="5" :max="8" /> <van-stepper v-model="stepper3" :min="5" :max="8" />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('integer')"> <van-cell center :title="t('integer')">
<template #value>
<van-stepper v-model="stepper4" integer /> <van-stepper v-model="stepper4" integer />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('disabled')"> <van-cell center :title="t('disabled')">
<template #value>
<van-stepper v-model="stepper5" disabled /> <van-stepper v-model="stepper5" disabled />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('disableInput')"> <van-cell center :title="t('disableInput')">
<template #value>
<van-stepper v-model="disabledInput" disable-input /> <van-stepper v-model="disabledInput" disable-input />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('decimalLength')"> <van-cell center :title="t('decimalLength')">
<template #value>
<van-stepper v-model="stepper8" :decimal-length="1" step="0.2" /> <van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('customSize')"> <van-cell center :title="t('customSize')">
<template #value>
<van-stepper v-model="stepper7" button-size="32px" input-width="40px" /> <van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
</template>
</van-cell> </van-cell>
<van-cell center :title="t('beforeChange')"> <van-cell center :title="t('beforeChange')">
<template #value>
<van-stepper v-model="stepper6" :before-change="beforeChange" /> <van-stepper v-model="stepper6" :before-change="beforeChange" />
</template>
</van-cell> </van-cell>
<van-cell v-if="!isWeapp" center :title="t('roundTheme')"> <van-cell v-if="!isWeapp" center :title="t('roundTheme')">
<template #value>
<van-stepper <van-stepper
v-model="stepperRound" v-model="stepperRound"
theme="round" theme="round"
button-size="22" button-size="22"
disable-input disable-input
/> />
</template>
</van-cell> </van-cell>
</demo-block> </demo-block>
</template> </template>

View File

@ -1,30 +1,45 @@
<template> <template>
<demo-block card :title="t('basicUsage')"> <demo-block card :title="t('basicUsage')">
<van-cell :title="`primary ${t('type')}`"> <van-cell :title="`primary ${t('type')}`">
<template #value>
<van-tag type="primary">{{ t('tag') }}</van-tag> <van-tag type="primary">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="`success ${t('type')}`"> <van-cell :title="`success ${t('type')}`">
<template #value>
<van-tag type="success">{{ t('tag') }}</van-tag> <van-tag type="success">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="`danger ${t('type')}`"> <van-cell :title="`danger ${t('type')}`">
<template #value>
<van-tag type="danger">{{ t('tag') }}</van-tag> <van-tag type="danger">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="`warning ${t('type')}`"> <van-cell :title="`warning ${t('type')}`">
<template #value>
<van-tag type="warning">{{ t('tag') }}</van-tag> <van-tag type="warning">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
</demo-block> </demo-block>
<demo-block card :title="t('tagStyle')"> <demo-block card :title="t('tagStyle')">
<van-cell :title="t('plain')"> <van-cell :title="t('plain')">
<template #value>
<van-tag plain type="primary">{{ t('tag') }}</van-tag> <van-tag plain type="primary">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="t('round')"> <van-cell :title="t('round')">
<template #value>
<van-tag round type="primary">{{ t('tag') }}</van-tag> <van-tag round type="primary">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="t('mark')"> <van-cell :title="t('mark')">
<template #value>
<van-tag mark type="primary">{{ t('tag') }}</van-tag> <van-tag mark type="primary">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="t('closeable')"> <van-cell :title="t('closeable')">
<template #value>
<van-tag <van-tag
closeable closeable
:show="show" :show="show"
@ -34,30 +49,43 @@
> >
{{ t('tag') }} {{ t('tag') }}
</van-tag> </van-tag>
</template>
</van-cell> </van-cell>
</demo-block> </demo-block>
<demo-block card :title="t('customSize')"> <demo-block card :title="t('customSize')">
<van-cell :title="t('smallSize')"> <van-cell :title="t('smallSize')">
<template #value>
<van-tag type="primary">{{ t('tag') }}</van-tag> <van-tag type="primary">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="t('mediumSize')"> <van-cell :title="t('mediumSize')">
<template #value>
<van-tag type="primary" size="medium">{{ t('tag') }}</van-tag> <van-tag type="primary" size="medium">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="t('largeSize')"> <van-cell :title="t('largeSize')">
<template #value>
<van-tag type="primary" size="large">{{ t('tag') }}</van-tag> <van-tag type="primary" size="large">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
</demo-block> </demo-block>
<demo-block card :title="t('customColor')"> <demo-block card :title="t('customColor')">
<van-cell :title="t('customBgColor')"> <van-cell :title="t('customBgColor')">
<template #value>
<van-tag color="#7232dd">{{ t('tag') }}</van-tag> <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="t('customTextColor')"> <van-cell :title="t('customTextColor')">
<template #value>
<van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag> <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
<van-cell :title="t('customPlainColor')"> <van-cell :title="t('customPlainColor')">
<template #value>
<van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag> <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
</template>
</van-cell> </van-cell>
</demo-block> </demo-block>
</template> </template>