From 3fcfac1f37c2aeabbb2af4897ada6ba8c225c667 Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: 星期三, 24 十一月 2021 23:25:13 +0800
Subject: [PATCH] wip: Upgrade ant-design-vue 3.0
---
src/layouts/default/tabs/index.less | 43 ++++++++++++++++++++++---------------------
1 files changed, 22 insertions(+), 21 deletions(-)
diff --git a/src/layouts/default/tabs/index.less b/src/layouts/default/tabs/index.less
index 6cc4878..ceb1296 100644
--- a/src/layouts/default/tabs/index.less
+++ b/src/layouts/default/tabs/index.less
@@ -28,7 +28,8 @@
}
.ant-tabs.ant-tabs-card {
- .ant-tabs-card-bar {
+ .ant-tabs-nav {
+ padding-top: 2px;
height: @multiple-height;
margin: 0;
background-color: @component-background;
@@ -49,18 +50,20 @@
transition: none;
&:hover {
- .ant-tabs-close-x {
- opacity: 100%;
+ .ant-tabs-tab-remove {
+ opacity: 1;
}
}
- .ant-tabs-close-x {
+ .ant-tabs-tab-remove {
width: 8px;
- height: 12px;
+ height: 28px;
font-size: 12px;
color: inherit;
- opacity: 0%;
+ opacity: 0;
transition: none;
+ margin-left: 2px;
+ margin-right: -4px;
&:hover {
svg {
@@ -69,11 +72,11 @@
}
}
- > div {
- display: flex;
- justify-content: center;
- align-items: center;
- }
+ // > div {
+ // display: flex;
+ // justify-content: center;
+ // align-items: center;
+ // }
svg {
fill: @text-color-base;
@@ -89,13 +92,16 @@
.ant-tabs-tab-active {
position: relative;
padding-left: 18px;
- color: @white !important;
background: @primary-color;
border: 0;
transition: none;
- .ant-tabs-close-x {
- opacity: 100%;
+ span {
+ color: @white !important;
+ }
+
+ .ant-tabs-tab-remove {
+ opacity: 1;
}
svg {
@@ -124,18 +130,13 @@
}
}
- .ant-tabs-extra-content {
- margin-top: 2px;
- line-height: @multiple-height !important;
- }
-
.ant-dropdown-trigger {
display: inline-flex;
}
&--hide-close {
- .ant-tabs-close-x {
- opacity: 0% !important;
+ .ant-tabs-tab-remove {
+ opacity: 0 !important;
}
}
--
Gitblit v1.8.0