From d59f518f466274b2caeb2e01c10c92deafe7c93b Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 09 二月 2022 11:48:29 +0800
Subject: [PATCH] 2022-02-09
---
src/components/header/index.scss | 116 +++++++++++++++++++++++++++++++--------------------------
1 files changed, 63 insertions(+), 53 deletions(-)
diff --git a/src/components/header/index.scss b/src/components/header/index.scss
index 2f21768..78fb275 100644
--- a/src/components/header/index.scss
+++ b/src/components/header/index.scss
@@ -1,8 +1,6 @@
-@import '../../assets/css/global.scss';
-
.header-container {
position: fixed;
- z-index: 1060;
+ z-index: 20;
left: 0;
top: 0;
font-weight: bold!important;
@@ -31,12 +29,14 @@
.header-collapse {
float: left;
- width: 80px;
+ width: 35px;
+ min-height: 48px;
line-height: 48px;
- padding-left: 20px;
- cursor: pointer;
+ padding-left: 10px;
+ margin: 0 10px;
transition: padding-left 0.15s;
- i {
+ .anticon {
+ cursor: pointer;
position: relative;
top: 3px;
font-size: 20px;
@@ -44,7 +44,8 @@
}
}
.header-collapse.collapse {
- padding-left: 30px;
+ width: 60px;
+ padding-left: 20px;
}
.header-menu {
float: left;
@@ -74,22 +75,10 @@
}
}
}
-
- .header-menu.level4 {
- li {
- cursor: default;
- &:hover {
- span {
- cursor: default;
- color: rgba(255, 255, 255, 0.65);
- border-bottom: none;
- }
- }
- &.active {
- span {
- color: #ffffff;
- border-bottom: 4px solid #1890ff;
- }
+ .header-menu.vertical-menu {
+ >li {
+ >span {
+ border-color: transparent!important;
}
}
}
@@ -117,25 +106,13 @@
}
}
}
- .edit-check {
- font-size: 18px;
- margin-top: 14px;
- margin-left: 10px;
- cursor: pointer;
- }
+
.search-menu {
float: right;
font-size: 18px;
margin-top: 17px;
margin-right: 20px;
cursor: pointer;
- }
- .level4-close {
- position: relative;
- top: 13px;
- left: 20px;
- height: 26px;
- padding: 0 10px;
}
.menu-select-dropdown {
top: 48px!important;
@@ -180,18 +157,6 @@
background: rgba(0, 0, 0, 0);
}
}
- .mobile {
- position: absolute;
- top: 135px;
- right: 50px;
- color: #1890ff;
- }
- .home-edit {
- position: absolute;
- top: 100px;
- right: 50px;
- color: #1890ff;
- }
}
.header-dropdown {
>li {
@@ -204,9 +169,54 @@
}
}
}
-.header-subSystem {
- min-width: 100px;
+.ant-dropdown.vertical-dropdown-menu {
+ z-index: 1100 !important;
}
-.edit-switch {
- margin-left: 10px;
+
+.vertical-dropdown-menu, .vertical-dropdown-submenu {
+ ul.ant-dropdown-menu {
+ min-width: 125px;
+ }
+ .ant-dropdown-menu-submenu-title {
+ padding-right: 30px;
+ }
}
+.menu-board {
+ background: #ffffff;
+ padding: 20px 50px;
+ border-radius: 4px;
+ box-shadow: 0 0 3px #959595;
+ position: relative;
+ left: 11.8%;
+ .menu-wrap {
+ .title {
+ color: #1890ff;
+ font-size: 15px;
+ font-weight: 600;
+ }
+ .menu-detail {
+ max-width: 60vw;
+ padding: 5px 0 10px 15px;
+ div {
+ float: left;
+ margin-bottom: 5px;
+ width: 120px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ cursor: pointer;
+ }
+ div:hover {
+ color: #40a9ff;
+ }
+ div:not(:last-child) {
+ margin-right: 20px;
+ }
+ }
+ .menu-detail::after {
+ content: ' ';
+ display: block;
+ clear: both;
+ }
+ }
+}
\ No newline at end of file
--
Gitblit v1.8.0