style(Card): blue tag

This commit is contained in:
chenjiahan 2022-02-20 20:19:27 +08:00
parent 85c5ad6718
commit 3692014070
6 changed files with 11 additions and 10 deletions

View File

@ -35,6 +35,7 @@
- Button: 默认圆角大小从 `2px` 调整为 `4px`
- Button: 默认按钮的边框颜色调整为 `--van-gray-4`
- Button: 调整 `font-smoothing`,默认使用粗体文字
- Card: 调整标签颜色为蓝色
- Card: 调整 `--van-card-background` 变量的默认值为 `--van-background`
- Card: 调整 `--van-card-price-color` 变量的默认值为 `--van-text-color`
- Card: 调整 `--van-card-desc-color` 变量的默认值为 `--van-text-color-2`

View File

@ -54,7 +54,7 @@ export default defineComponent({
{slots.tag ? (
slots.tag()
) : (
<Tag mark type="danger">
<Tag mark type="primary">
{props.tag}
</Tag>
)}

View File

@ -57,8 +57,8 @@ Use slot to custom content.
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
>
<template #tags>
<van-tag plain type="danger">Tag</van-tag>
<van-tag plain type="danger">Tag</van-tag>
<van-tag plain type="primary">Tag</van-tag>
<van-tag plain type="primary">Tag</van-tag>
</template>
<template #footer>
<van-button size="mini">Button</van-button>

View File

@ -59,8 +59,8 @@ app.use(Card);
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
>
<template #tags>
<van-tag plain type="danger">标签</van-tag>
<van-tag plain type="danger">标签</van-tag>
<van-tag plain type="primary">标签</van-tag>
<van-tag plain type="primary">标签</van-tag>
</template>
<template #footer>
<van-button size="mini">按钮</van-button>

View File

@ -51,10 +51,10 @@ const imageURL = 'https://img.yzcdn.cn/vant/ipad.jpeg';
:thumb="imageURL"
>
<template #tags>
<van-tag plain type="danger" style="margin-right: 5px">
<van-tag plain type="primary" style="margin-right: 5px">
{{ t('tag') }}
</van-tag>
<van-tag plain type="danger">{{ t('tag') }}</van-tag>
<van-tag plain type="primary">{{ t('tag') }}</van-tag>
</template>
<template #footer>

View File

@ -68,7 +68,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div class="van-card__tag">
<transition-stub>
<span class="van-tag van-tag--mark van-tag--danger">
<span class="van-tag van-tag--mark van-tag--primary">
Tag
</span>
</transition-stub>
@ -135,12 +135,12 @@ exports[`should render demo and match snapshot 1`] = `
Description
</div>
<transition-stub style="margin-right: 5px;">
<span class="van-tag van-tag--plain van-tag--danger">
<span class="van-tag van-tag--plain van-tag--primary">
Tag
</span>
</transition-stub>
<transition-stub>
<span class="van-tag van-tag--plain van-tag--danger">
<span class="van-tag van-tag--plain van-tag--primary">
Tag
</span>
</transition-stub>