From deb2536eaaa559d6c8ec94f81afb94b6c7806b4d Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 29 三月 2024 16:15:14 +0800
Subject: [PATCH] 2024-03-29

---
 src/components/tabview/index.scss |  149 ++++++++++++++++++++++++++++++++++---------------
 1 files changed, 102 insertions(+), 47 deletions(-)

diff --git a/src/components/tabview/index.scss b/src/components/tabview/index.scss
index a506fe2..130fc12 100644
--- a/src/components/tabview/index.scss
+++ b/src/components/tabview/index.scss
@@ -1,70 +1,125 @@
-.content-box {
+.mk-tabview-wrap {
+  display: flex;
+  flex: auto;
+  min-height: 100%;
   padding-top: 48px;
   max-width: calc(100% - 235px);
   transition: max-width 0.2s;
-  .content-header {
+  >.content-header {
     width: 100%;
     height: 100%;
-    .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated {
-      transition: margin-left 0s cubic-bezier(0.645, 0.045, 0.355, 1);
-    }
-    .ant-tabs-bar { // 鍘婚櫎鏍囩椤礹eader涓巆ontent涔嬮棿鐨勯棿闅�
-      margin-bottom: 0;
-    }
-    .ant-tabs-tab {
-      padding: 18px 16px 6px;
-      cursor: default;
-      span i {
-        position: relative;
-        left: 7px;
-        top: -6px;
-        font-size: 10px;
-        margin: 0px;
-        cursor: pointer;
+    > .ant-tabs {
+      height: 100%;
+      > .ant-tabs-bar { // 鍘婚櫎鏍囩椤礹eader涓巆ontent涔嬮棿鐨勯棿闅�
+        margin-bottom: 0;
+        .ant-tabs-tab {
+          padding: 18px 16px 6px 6px;
+          margin-right: 20px;
+          cursor: default;
+          span.tab-control .anticon-close {
+            position: absolute;
+            right: -7px;
+            top: 10px;
+            font-size: 10px;
+            margin: 0px;
+            padding: 5px;
+            cursor: pointer;
+            display: none;
+          }
+          span.tab-control .anticon-redo {
+            position: absolute;
+            left: -2px;
+            top: 18px;
+            font-size: 14px;
+            margin: 0px;
+            padding: 3px;
+            cursor: pointer;
+            display: none;
+          }
+          span.tab-name {
+            cursor: pointer;
+            padding: 6px 0px 6px 10px;
+          }
+        }
+        .ant-tabs-tab-active.ant-tabs-tab {
+          span.tab-name {
+            cursor: default;
+          }
+        }
+        .ant-tabs-tab:hover {
+          color: var(--mk-sys-color5);
+          span.tab-control .anticon-close {
+            display: inline-block;
+          }
+        }
+        .ant-tabs-tab-active.ant-tabs-tab:hover {
+          span.tab-control .anticon-redo {
+            display: inline-block;
+          }
+        }
+        .ant-tabs-tab.ant-tabs-tab-active {
+          color: var(--mk-sys-color);
+        }
+        .ant-tabs-ink-bar {
+          background-color: var(--mk-sys-color);
+        }
       }
-      span.tab-name {
-        cursor: pointer;
+      >.ant-tabs-content {
+        height: 100%;
+        .ant-tabs-tabpane:first-child {
+          .user-tools {
+            display: none;
+          }
+        }
       }
     }
     iframe {
       width: 100%;
-      height: calc(100vh - 115px);
+      height: calc(100vh - 92px);
       overflow-y: scroll;
       border: 0;
-      margin-top: 16px;
+      margin: 0px;
+      vertical-align: top;
     }
   }
-  .main-copy {
-    position: fixed;
-    z-index: 2;
-    bottom: 75px;
-    right: 30px;
-    width: 40px;
-    height: 40px;
-    i {
-      font-size: 18px;
-    }
+  .ant-back-top {
+    bottom: 10px;
+    right: 20px;
   }
-  .main-copy.ifr-copy {
-    bottom: 65px;
-    right: 40px;
-    width: 30px;
-    height: 32px;
-    border: 2px solid #687991;
-    opacity: 0.6;
-    i {
-      font-size: 14px;
-      color: #687991;
-    }
-  }
-  .main-copy.ifr-copy:hover {
-    opacity: 1;
+  .mk-water-mark {
+    position: absolute;
+    top: 47px;
+    left: 5px;
+    font-size: 13px;
+    font-style: italic;
   }
 }
-.content-box.collapsed {
+.header-container + .mk-tabview-wrap {
+  max-width: 100%;
+}
+
+.mk-side-menu.collapsed + .mk-tabview-wrap {
   max-width: calc(100% - 80px);
+}
+.mk-side-menu-hidden + .mk-tabview-wrap {
+  max-width: 100%;
+  >.content-header >.ant-tabs >.ant-tabs-bar {
+    display: none;
+  }
 }
 .ant-message {
   top: 50px;
   z-index: 1080;
+}
+
+.mk-menus-update {
+  text-align: center;
+  font-size: 20px;
+  color: #131313;
+  .tip {
+    margin-bottom: 10px;
+  }
+  .anticon {
+    color: var(--mk-sys-color);
+  }
 }
\ No newline at end of file

--
Gitblit v1.8.0