blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Tag: adjust style (#689)

Browse Source
This commit is contained in:
neverland 2018-03-14 11:33:02 +08:00 committed by GitHub
parent d36dd61bc9
commit 8f2bd93786
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/tag/index.vue
View File

@ -1,5 +1,12 @@
<template> <template>
<span class="van-tag van-hairline--surround" :class="{ [`van-tag--${type}`]: type, 'van-tag--plain': plain, 'van-tag--mark': mark }"> <span
class="van-tag van-hairline--surround"
:class="{
[`van-tag--${type}`]: type,
'van-tag--plain': plain,
'van-tag--mark': mark
}"
>
<slot /> <slot />
</span> </span>
</template> </template>

7
packages/vant-css/src/tag.css
View File

@ -2,9 +2,9 @@
.van-tag { .van-tag {
display: inline-block; display: inline-block;
line-height: 14px; padding: 0 5px;
padding: 1px 5px; line-height: 18px;
border-radius: 2px; border-radius: 3px;
font-size: 10px; font-size: 10px;
background: $gray; background: $gray;
color: $white; color: $white;
@ -15,6 +15,7 @@
} }
&--mark { &--mark {
padding-right: 7px;
border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;
&::after { &::after {