docs: update quickstart (#10009)
* docs: update quickstart * docs: update
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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: '',
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user