style: 修复动态tab样式问题

This commit is contained in:
parisma 2023-03-10 13:31:47 +08:00
parent 67428f606a
commit 5d446f0ccf
2 changed files with 3 additions and 5 deletions

View File

@ -18,7 +18,7 @@
:lazy="tab.lazy || false"
>
<template #label>
<span class="custom-tabs-label">
<span>
{{ filter(tab.title)
}}<el-badge :hidden="!diffCount[tabIndex]" :value="diffCount[tabIndex]" class="diff-count-badge"></el-badge>
</span>

View File

@ -1,15 +1,13 @@
.magic-form-dynamic-tab {
.el-tabs__header.is-top {
display: flex;
flex-direction: row-reverse;
padding-right: 8px;
.el-tabs__new-tab {
margin-right: auto;
min-width: 36px;
min-width: 50px;
outline: none;
border-color: #409eff;
color: #409eff;
width: 36px;
width: 10px;
&::before {
content: "添加";
}