JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-16 01:49:25 +08:00
Code Issues Projects Releases Wiki Activity

style: 修复动态tab样式问题

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/form/src/containers/Tabs.vue
View File

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

6
packages/form/src/theme/tabs.scss
View File

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