From 137fb8ea6af2789b3238b22bac31d80bced41dfe Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 28 七月 2021 11:39:39 +0800 Subject: [PATCH] 2021-07-28 --- src/menu/components/tabs/antv-tabs/index.scss | 79 +++++++++++++++++++++++++-------------- 1 files changed, 50 insertions(+), 29 deletions(-) diff --git a/src/menu/components/tabs/antv-tabs/index.scss b/src/menu/components/tabs/antv-tabs/index.scss index ceee292..7ad16c9 100644 --- a/src/menu/components/tabs/antv-tabs/index.scss +++ b/src/menu/components/tabs/antv-tabs/index.scss @@ -6,6 +6,23 @@ background-repeat: no-repeat; background-size: cover; + >.anticon-tool { + position: absolute; + z-index: 2; + font-size: 16px; + right: 1px; + top: 1px; + cursor: pointer; + padding: 5px; + background: rgba(255, 255, 255, 0.55); + } + + .ant-tabs.ant-tabs-left, .ant-tabs.ant-tabs-bottom { + .tab-shell-inner { + padding-top: 25px; + } + } + .ant-tabs-tabpane-active { min-height: 200px; } @@ -20,41 +37,25 @@ } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab { - padding: 0px; text-align: right; > span { display: inline-block; padding: 8px 24px; } - .anticon-tool { - padding: 8px 24px; - } } .ant-tabs .ant-tabs-right-bar .ant-tabs-tab { - padding: 0px; text-align: left; > span { display: inline-block; padding: 8px 24px; } - .anticon-tool { - padding: 8px 24px; - } } .ant-tabs-tab { - padding: 0px; + padding: 0px!important; text-align: center; > span { display: inline-block; padding: 12px 16px; - } - .anticon-tool { - color: rgba(0, 0, 0, 0.65); - font-size: 16px; - padding: 12px 16px; - margin-right: 0px; - min-width: 100%; - cursor: pointer; } } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar { @@ -66,9 +67,6 @@ > span { padding: 0px 16px; } - .anticon-tool { - padding: 0px 16px; - } } .ant-tabs-tab-active { padding-left: 0px!important; @@ -78,24 +76,47 @@ .ant-tabs-card-bar { .ant-tabs-tab { - padding: 0px; > span { display: inline-block; padding: 0px 16px; } } - .ant-tabs-tab:last-child { - padding: 0px; - border: 0px; - background: transparent; - .anticon-tool { - padding: 12px 16px; - } - } } + } + .search-icon { + position: absolute; + top: 10px; + right: 40px; + font-size: 18px; + cursor: pointer; + padding: 3px; } } .menu-tabs-edit-box:hover { z-index: 1; box-shadow: 0px 0px 4px #1890ff; } + +.mob-shell { + .menu-tabs-edit-box.flex { + >.ant-tabs.ant-tabs-top, >.ant-tabs.ant-tabs-bottom { + >.ant-tabs-bar { + >.ant-tabs-nav-container { + >.ant-tabs-nav-wrap { + >.ant-tabs-nav-scroll { + >.ant-tabs-nav { + display: block; + >div { + display: flex; + >.ant-tabs-tab { + flex: 1; + } + } + } + } + } + } + } + } + } +} -- Gitblit v1.8.0