diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue index 86a325b..c8fffea 100644 --- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue +++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue @@ -60,17 +60,13 @@ const closeTab = (tabId) => { .tab-page { display: flex; flex-direction: column; - width: 300px; - height: 250px; + width: 100%; + height: 100%; background: #5D6B99; border: 1px solid #c7d2ea; border-radius: 0; overflow: hidden; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - position: relative; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); } :root { @@ -83,7 +79,7 @@ const closeTab = (tabId) => { display: flex; flex-wrap: nowrap; height: 28px; - background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom)); + background: transparent; border-bottom: none; overflow-x: auto; overflow-y: hidden; @@ -98,8 +94,7 @@ const closeTab = (tabId) => { padding: 0 16px; margin-left: 1px; background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom)); - border: 1px solid #c7d2ea; - border-bottom: none; + border-bottom-color: #c7d2ea; border-radius: 3px 3px 0 0; cursor: pointer; white-space: nowrap; @@ -111,7 +106,7 @@ const closeTab = (tabId) => { .tab-item.active { background: #ffffff; border: 1px solid #c7d2ea; - border-bottom: none; + border-bottom-color: #ffffff; border-top-width: 2px; border-top-color: #0078d7; color: #333; @@ -142,12 +137,9 @@ const closeTab = (tabId) => { } .tab-placeholder { - flex: 1; background: transparent; - height: 26px; - margin-left: 1px; - border: 1px solid transparent; - border-bottom: none; + border: transparent; + border-bottom-color: #c7d2ea; } /* 内容区域样式 */ @@ -155,9 +147,6 @@ const closeTab = (tabId) => { flex: 1; position: relative; overflow: hidden; - border-top: 1px solid #c7d2ea; - margin-top: -1px; - background: #ffffff; } .tab-panel { diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md b/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md index 20c5f74..4f3749f 100644 --- a/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md +++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/ToDoList.md @@ -12,6 +12,7 @@ ### TabPage 1. 初始添加时,默认宽300px,高250px。位置相对父容器水平居中,垂直居中。 +2. 背景颜色为#5D6B99 ### Panel 1. 填充满父容器。