diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue index 1663e1d..2f8804c 100644 --- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue +++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue @@ -80,7 +80,7 @@ const closeTab = (tabId) => { flex-wrap: nowrap; height: 28px; background: #f0f0f0; - border-bottom: 1px solid #c7d2ea; + border-bottom: none; overflow-x: auto; overflow-y: hidden; padding-top: 2px; @@ -95,7 +95,7 @@ const closeTab = (tabId) => { margin-left: 1px; background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom)); border: 1px solid #c7d2ea; - border-bottom-color: #c7d2ea; + border-bottom: none; border-radius: 3px 3px 0 0; cursor: pointer; white-space: nowrap; @@ -107,7 +107,7 @@ const closeTab = (tabId) => { .tab-item.active { background: #ffffff; border: 1px solid #c7d2ea; - border-bottom-color: #ffffff; + border-bottom: none; border-top-width: 2px; border-top-color: #0078d7; color: #333; @@ -143,7 +143,7 @@ const closeTab = (tabId) => { height: 26px; margin-left: 1px; border: 1px solid transparent; - border-bottom-color: #c7d2ea; + border-bottom: none; } /* 内容区域样式 */ @@ -151,6 +151,8 @@ const closeTab = (tabId) => { flex: 1; position: relative; overflow: hidden; + border-top: 1px solid #c7d2ea; + margin-top: -1px; } .tab-panel {