ZengQingming/JoyD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复TabPage页标签关闭按钮未靠右显示的问题

Browse Source
This commit is contained in:
zqm
2025-11-05 15:04:08 +08:00
parent 647ced8b86
commit 11eac32ae5
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
View File

@@ -74,7 +74,7 @@ const closeTab = (tabId) => {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #5D6B99; background: #5D6B99;
border: 1px solid #c7d2ea; border: 0px solid #c7d2ea;
border-radius: 0; border-radius: 0;
overflow: hidden; overflow: hidden;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -100,7 +100,6 @@ const closeTab = (tabId) => {
.tab-item { .tab-item {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
height: 26px; height: 26px;
padding: 0 16px; padding: 0 16px;
margin-left: 1px; margin-left: 1px;
@@ -113,6 +112,7 @@ const closeTab = (tabId) => {
font-size: 12px; font-size: 12px;
user-select: none; user-select: none;
position: relative; position: relative;
width: fit-content;
} }
.tab-item.active { .tab-item.active {
@@ -135,7 +135,8 @@ const closeTab = (tabId) => {
} }
.button-icon { .button-icon {
margin-left: auto; margin-left: 8px;
margin-right: -8px;
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;
@@ -143,6 +144,7 @@ const closeTab = (tabId) => {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0; flex-shrink: 0;
order: 1;
} }
/* 确保在活动标签页中的按钮样式正确 */ /* 确保在活动标签页中的按钮样式正确 */