Commit 7fc50f186ce323c0f8d2315eac3e8b6ecb7b2754
Committed by
Gitee
Gitee
1 parent
b7198bd3
update yudao-ui-admin-vue3/src/layout/components/TagsView/src/TagsView.vue.
解决tagViews左右两侧按钮不能垂直居中的问题，直接使用flex，简简单单 Signed-off-by: AKING <2734339436@qq.com>
Showing
1 changed file
with
4 additions
and
1 deletions
yudao-ui-admin-vue3/src/layout/components/TagsView/src/TagsView.vue
| @@ -262,7 +262,7 @@ watch( | @@ -262,7 +262,7 @@ watch( | ||
| 262 | > | 262 | > |
| 263 | <span | 263 | <span |
| 264 | :class="`${prefixCls}__tool`" | 264 | :class="`${prefixCls}__tool`" |
| 265 | - class="w-[var(--tags-view-height)] h-[var(--tags-view-height)] text-center leading-[var(--tags-view-height)] cursor-pointer" | 265 | + class="w-[var(--tags-view-height)] h-[var(--tags-view-height)] cursor-pointer" |
| 266 | @click="move(-200)" | 266 | @click="move(-200)" |
| 267 | > | 267 | > |
| 268 | <Icon | 268 | <Icon |
| @@ -470,6 +470,9 @@ $prefix-cls: #{$namespace}-tags-view; | @@ -470,6 +470,9 @@ $prefix-cls: #{$namespace}-tags-view; | ||
| 470 | 470 | ||
| 471 | &__tool { | 471 | &__tool { |
| 472 | position: relative; | 472 | position: relative; |
| 473 | + display: inline-flex; | ||
| 474 | + align-items: center; | ||
| 475 | + justify-content: center; | ||
| 473 | 476 | ||
| 474 | &:hover { | 477 | &:hover { |
| 475 | :deep(span) { | 478 | :deep(span) { |