mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-26 11:26:35 +08:00
style(Card): blue tag
This commit is contained in:
parent
85c5ad6718
commit
3692014070
@ -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`
|
||||||
|
@ -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>
|
||||||
)}
|
)}
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user