From c2737446a61fc37d1ecf1f69a2fe132bfe3ebd9a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 12 Jul 2021 16:29:44 +0800
Subject: [PATCH] chore: fix cell slot warning
---
src/stepper/demo/index.vue | 50 ++++++++++++++++++--------
src/tag/demo/index.vue | 72 ++++++++++++++++++++++++++------------
2 files changed, 85 insertions(+), 37 deletions(-)
diff --git a/src/stepper/demo/index.vue b/src/stepper/demo/index.vue
index 2f369a9f8..a1c761f2e 100644
--- a/src/stepper/demo/index.vue
+++ b/src/stepper/demo/index.vue
@@ -1,48 +1,68 @@
<template>
<demo-block card>
<van-cell center :title="t('basicUsage')">
- <van-stepper v-model="stepper1" />
+ <template #value>
+ <van-stepper v-model="stepper1" />
+ </template>
</van-cell>
<van-cell center :title="t('step')">
- <van-stepper v-model="stepper2" step="2" />
+ <template #value>
+ <van-stepper v-model="stepper2" step="2" />
+ </template>
</van-cell>
<van-cell center :title="t('range')">
- <van-stepper v-model="stepper3" :min="5" :max="8" />
+ <template #value>
+ <van-stepper v-model="stepper3" :min="5" :max="8" />
+ </template>
</van-cell>
<van-cell center :title="t('integer')">
- <van-stepper v-model="stepper4" integer />
+ <template #value>
+ <van-stepper v-model="stepper4" integer />
+ </template>
</van-cell>
<van-cell center :title="t('disabled')">
- <van-stepper v-model="stepper5" disabled />
+ <template #value>
+ <van-stepper v-model="stepper5" disabled />
+ </template>
</van-cell>
<van-cell center :title="t('disableInput')">
- <van-stepper v-model="disabledInput" disable-input />
+ <template #value>
+ <van-stepper v-model="disabledInput" disable-input />
+ </template>
</van-cell>
<van-cell center :title="t('decimalLength')">
- <van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
+ <template #value>
+ <van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
+ </template>
</van-cell>
<van-cell center :title="t('customSize')">
- <van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
+ <template #value>
+ <van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
+ </template>
</van-cell>
<van-cell center :title="t('beforeChange')">
- <van-stepper v-model="stepper6" :before-change="beforeChange" />
+ <template #value>
+ <van-stepper v-model="stepper6" :before-change="beforeChange" />
+ </template>
</van-cell>
<van-cell v-if="!isWeapp" center :title="t('roundTheme')">
- <van-stepper
- v-model="stepperRound"
- theme="round"
- button-size="22"
- disable-input
- />
+ <template #value>
+ <van-stepper
+ v-model="stepperRound"
+ theme="round"
+ button-size="22"
+ disable-input
+ />
+ </template>
</van-cell>
</demo-block>
</template>
diff --git a/src/tag/demo/index.vue b/src/tag/demo/index.vue
index 7cedb27b4..00be4a821 100644
--- a/src/tag/demo/index.vue
+++ b/src/tag/demo/index.vue
@@ -1,63 +1,91 @@
<template>
<demo-block card :title="t('basicUsage')">
<van-cell :title="`primary ${t('type')}`">
- <van-tag type="primary">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag type="primary">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="`success ${t('type')}`">
- <van-tag type="success">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag type="success">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="`danger ${t('type')}`">
- <van-tag type="danger">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag type="danger">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="`warning ${t('type')}`">
- <van-tag type="warning">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag type="warning">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
</demo-block>
<demo-block card :title="t('tagStyle')">
<van-cell :title="t('plain')">
- <van-tag plain type="primary">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag plain type="primary">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="t('round')">
- <van-tag round type="primary">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag round type="primary">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="t('mark')">
- <van-tag mark type="primary">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag mark type="primary">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="t('closeable')">
- <van-tag
- closeable
- :show="show"
- size="medium"
- type="primary"
- @close="close"
- >
- {{ t('tag') }}
- </van-tag>
+ <template #value>
+ <van-tag
+ closeable
+ :show="show"
+ size="medium"
+ type="primary"
+ @close="close"
+ >
+ {{ t('tag') }}
+ </van-tag>
+ </template>
</van-cell>
</demo-block>
<demo-block card :title="t('customSize')">
<van-cell :title="t('smallSize')">
- <van-tag type="primary">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag type="primary">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="t('mediumSize')">
- <van-tag type="primary" size="medium">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag type="primary" size="medium">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="t('largeSize')">
- <van-tag type="primary" size="large">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag type="primary" size="large">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
</demo-block>
<demo-block card :title="t('customColor')">
<van-cell :title="t('customBgColor')">
- <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="t('customTextColor')">
- <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
<van-cell :title="t('customPlainColor')">
- <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
+ <template #value>
+ <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
+ </template>
</van-cell>
</demo-block>
</template>