From 1dfd49b103e721f9bb63fd4d472b6fcc225d94a1 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 12 三月 2020 18:42:20 +0800 Subject: [PATCH] 2020-03-12 --- src/components/tabview/index.scss | 85 ++++++++++++++++++++++-------------------- 1 files changed, 44 insertions(+), 41 deletions(-) diff --git a/src/components/tabview/index.scss b/src/components/tabview/index.scss index 1705069..55a07e0 100644 --- a/src/components/tabview/index.scss +++ b/src/components/tabview/index.scss @@ -2,51 +2,54 @@ 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-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 { + position: absolute; + right: -7px; + top: 10px; + font-size: 10px; + margin: 0px; + padding: 5px; + cursor: pointer; + } + span.tab-control i.anticon-redo { + position: absolute; + left: -5px; + 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-active.ant-tabs-tab:hover { + span.tab-control i.anticon-redo { + display: inline-block; + } + } + } + } .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 6px; - cursor: default; - span.tab-control i.anticon-close { - position: absolute; - right: -7px; - top: 10px; - font-size: 10px; - margin: 0px; - padding: 5px; - cursor: pointer; - } - span.tab-control i.anticon-redo { - position: absolute; - left: -5px; - 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-active.ant-tabs-tab:hover { - span.tab-control i.anticon-redo { - display: inline-block; - } } iframe { width: 100%; -- Gitblit v1.8.0