fix:tag为空时在form场景显示错位 (#3572)
This commit is contained in:
parent
f7ce03c262
commit
18f2a7cad9
|
@ -18,6 +18,7 @@
|
||||||
@apply align-middle;
|
@apply align-middle;
|
||||||
@apply overflow-hidden;
|
@apply overflow-hidden;
|
||||||
@apply text-ellipsis;
|
@apply text-ellipsis;
|
||||||
|
@apply align-bottom;
|
||||||
|
|
||||||
.tag-variant(
|
.tag-variant(
|
||||||
theme('colors.color.info.primary.DEFAULT'),
|
theme('colors.color.info.primary.DEFAULT'),
|
||||||
|
|
|
@ -53,7 +53,7 @@ export default defineComponent({
|
||||||
const operable = selectable ? false : this.operable
|
const operable = selectable ? false : this.operable
|
||||||
|
|
||||||
const classes = m(
|
const classes = m(
|
||||||
'text-xs inline-flex items-center rounded box-border border-0.5 sm:border mr-1',
|
'text-xs inline-flex items-center rounded box-border border-0.5 sm:border mr-1 align-bottom',
|
||||||
effect === 'plain' || hit ? gcls(`${type}-border`) : 'border-transparent',
|
effect === 'plain' || hit ? gcls(`${type}-border`) : 'border-transparent',
|
||||||
gcls(`${effect}-${type}`),
|
gcls(`${effect}-${type}`),
|
||||||
gcls(size),
|
gcls(size),
|
||||||
|
@ -70,6 +70,7 @@ export default defineComponent({
|
||||||
styles.maxWidth = maxWidth
|
styles.maxWidth = maxWidth
|
||||||
styles.display = 'inline-block'
|
styles.display = 'inline-block'
|
||||||
}
|
}
|
||||||
|
|
||||||
const tagElement =
|
const tagElement =
|
||||||
value || (slots.default && slots.default()) ? (
|
value || (slots.default && slots.default()) ? (
|
||||||
<span data-tag="tiny-tag" class={classes} style={styles} onClick={handleClick}>
|
<span data-tag="tiny-tag" class={classes} style={styles} onClick={handleClick}>
|
||||||
|
|
Loading…
Reference in New Issue