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 | 106 +++++++++++++++++++++++++++++++++-------------------- 1 files changed, 66 insertions(+), 40 deletions(-) diff --git a/src/components/tabview/index.scss b/src/components/tabview/index.scss index 55a07e0..130fc12 100644 --- a/src/components/tabview/index.scss +++ b/src/components/tabview/index.scss @@ -1,4 +1,7 @@ -.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; @@ -6,13 +9,14 @@ width: 100%; height: 100%; > .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 i.anticon-close { + span.tab-control .anticon-close { position: absolute; right: -7px; top: 10px; @@ -20,10 +24,11 @@ margin: 0px; padding: 5px; cursor: pointer; + display: none; } - span.tab-control i.anticon-redo { + span.tab-control .anticon-redo { position: absolute; - left: -5px; + left: -2px; top: 18px; font-size: 14px; margin: 0px; @@ -41,59 +46,80 @@ cursor: default; } } - .ant-tabs-tab-active.ant-tabs-tab:hover { - span.tab-control i.anticon-redo { + .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); + } + } + >.ant-tabs-content { + height: 100%; + .ant-tabs-tabpane:first-child { + .user-tools { + display: none; } } } } - .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated { - transition: margin-left 0s cubic-bezier(0.645, 0.045, 0.355, 1); - } 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: 65px; - right: 30px; - width: 40px; - height: 40px; - i { - font-size: 18px; - } - } - .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; } .ant-back-top { - bottom: 20px; - right: 30px; + bottom: 10px; + right: 20px; + } + .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