JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-15 01:09:20 +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"
>
<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>

6
packages/form/src/theme/tabs.scss
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: "添加";
}