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

View File

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

View File

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

View File

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

View File

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

View File

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