mirror of
https://github.com/blossom-editor/blossom
synced 2024-11-17 22:48:03 +08:00
标签组件优化
This commit is contained in:
parent
de51a5a74c
commit
30592ac9d7
@ -1,10 +1,12 @@
|
||||
<template>
|
||||
<span class="tag-root" :style="{
|
||||
color: props.color,
|
||||
backgroundColor: props.bgColor,
|
||||
fontSize: props.size + 'px',
|
||||
fontWeight: props.weight
|
||||
}">
|
||||
<span
|
||||
class="tag-root"
|
||||
:style="{
|
||||
color: props.color,
|
||||
backgroundColor: props.bgColor,
|
||||
fontSize: props.size + 'px',
|
||||
fontWeight: props.weight
|
||||
}">
|
||||
<!-- {{ !!slots.default }}| -->
|
||||
<span v-if="props.icon" :class="['tag-iconfont iconbl', props.icon, !!slots.default ? 'tag-icon-margin' : '']" />
|
||||
<span class="tag-content">
|
||||
@ -35,7 +37,7 @@ const props = defineProps({
|
||||
*/
|
||||
size: {
|
||||
type: Number,
|
||||
default: 10
|
||||
default: 12
|
||||
},
|
||||
/**
|
||||
* font-weight
|
||||
@ -70,9 +72,8 @@ const props = defineProps({
|
||||
}
|
||||
|
||||
.tag-content {
|
||||
font-size: 10px;
|
||||
line-height: 12px;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
Loading…
Reference in New Issue
Block a user