docs: update quickstart (#10009)

* docs: update quickstart

* docs: update
This commit is contained in:
neverland
2021-12-07 17:04:56 +08:00
committed by GitHub
parent b0a036e5cf
commit 5f8fb05b7f
5 changed files with 193 additions and 167 deletions
+10 -14
View File
@@ -51,23 +51,19 @@ const imageURL = 'https://img.yzcdn.cn/vant/ipad.jpeg';
:thumb="imageURL"
>
<template #tags>
<div>
<van-tag plain type="danger" style="margin-right: 5px">
{{ t('tag') }}
</van-tag>
<van-tag plain type="danger">{{ t('tag') }}</van-tag>
</div>
<van-tag plain type="danger" style="margin-right: 5px">
{{ t('tag') }}
</van-tag>
<van-tag plain type="danger">{{ t('tag') }}</van-tag>
</template>
<template #footer>
<div>
<van-button round size="mini">
{{ t('button') }}
</van-button>
<van-button round size="mini">
{{ t('button') }}
</van-button>
</div>
<van-button round size="mini">
{{ t('button') }}
</van-button>
<van-button round size="mini">
{{ t('button') }}
</van-button>
</template>
</van-card>
</demo-block>
@@ -134,18 +134,16 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-card__desc van-ellipsis">
Description
</div>
<div>
<transition-stub style="margin-right: 5px;">
<span class="van-tag van-tag--plain van-tag--danger">
Tag
</span>
</transition-stub>
<transition-stub>
<span class="van-tag van-tag--plain van-tag--danger">
Tag
</span>
</transition-stub>
</div>
<transition-stub style="margin-right: 5px;">
<span class="van-tag van-tag--plain van-tag--danger">
Tag
</span>
</transition-stub>
<transition-stub>
<span class="van-tag van-tag--plain van-tag--danger">
Tag
</span>
</transition-stub>
</div>
<div class="van-card__bottom">
<div class="van-card__price">
@@ -169,26 +167,24 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div class="van-card__footer">
<div>
<button type="button"
class="van-button van-button--default van-button--mini van-button--round"
>
<div class="van-button__content">
<span class="van-button__text">
Button
</span>
</div>
</button>
<button type="button"
class="van-button van-button--default van-button--mini van-button--round"
>
<div class="van-button__content">
<span class="van-button__text">
Button
</span>
</div>
</button>
</div>
<button type="button"
class="van-button van-button--default van-button--mini van-button--round"
>
<div class="van-button__content">
<span class="van-button__text">
Button
</span>
</div>
</button>
<button type="button"
class="van-button van-button--default van-button--mini van-button--round"
>
<div class="van-button__content">
<span class="van-button__text">
Button
</span>
</div>
</button>
</div>
</div>
</div>
+5 -5
View File
@@ -55,7 +55,7 @@ const t = useTranslate({
type StateItem = {
show: boolean;
value: string | number | null;
value: string | number | undefined;
result: string;
options?: CascaderOption[];
tabIndex?: number;
@@ -68,18 +68,18 @@ const baseState = reactive<StateItem>({
});
const customColorState = reactive<StateItem>({
show: false,
value: null,
value: undefined,
result: '',
});
const asyncState = reactive<StateItem>({
show: false,
value: null,
value: undefined,
result: '',
options: t('asyncOptions1'),
});
const customFieldState = reactive<StateItem>({
show: false,
value: null,
value: undefined,
result: '',
});
@@ -91,7 +91,7 @@ const fieldNames = {
const customContentState = reactive<StateItem>({
show: false,
value: null,
value: undefined,
result: '',
});