From 1b89aa4493d1c9768447f2f480d594cdb8077fdc Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 26 十月 2020 09:24:19 +0800
Subject: [PATCH] 2020-10-26
---
src/components/header/index.scss | 126 ++++++++++++++++++++++++++++++++++--------
1 files changed, 102 insertions(+), 24 deletions(-)
diff --git a/src/components/header/index.scss b/src/components/header/index.scss
index 84221f2..3ae1951 100644
--- a/src/components/header/index.scss
+++ b/src/components/header/index.scss
@@ -2,7 +2,6 @@
.header-container {
position: fixed;
- // background-color: $header-bg;
z-index: 1060;
left: 0;
top: 0;
@@ -53,7 +52,7 @@
line-height: 48px;
li {
float: left;
- font-size: 1.8rem;
+ font-size: 1.3rem;
cursor: pointer;
span {
padding: 0 10px;
@@ -62,29 +61,52 @@
}
&:hover {
- height: 42px;
color: #eeeeee;
- border-bottom: 4px solid #fafcfb;
+ span {
+ border-bottom: 4px solid #fafcfb;
+ }
}
&.active {
- height: 42px;
color: #ffffff;
- // font-weight: bold;
- border-bottom: 4px solid #06b4f7;
+ span {
+ border-bottom: 4px solid #1890ff;
+ }
}
}
}
+
+ .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-setting {
float: right;
line-height: 48px;
margin-right: 10px;
img {
+ width: 29px;
+ height: 29px;
border-radius: 30px;
margin-right: 7px;
}
span {
color: #ffffff;
- font-size: 1.3rem;
+ font-size: 0.95rem;
.username {
display: inline-block;
height: 30px;
@@ -95,34 +117,90 @@
}
}
}
- // .header-drag-menu {
- // float: left;
- // }
.edit-check {
font-size: 18px;
margin-top: 14px;
margin-left: 10px;
cursor: pointer;
}
- // .mask {
- // position: fixed;
- // top: 48px;
- // left: 0px;
- // right: 0px;
- // bottom: calc(100vh - 48px);
- // background-color: rgba(0, 0, 0, 0);
- // transition: background-color 0.5s;
- // }
- // .mask.active {
- // bottom: 0px;
- // background-color: rgba(0, 0, 0, 0.25);
- // }
+ .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;
+ box-shadow: 0px 0px 2px #cdcdcd;
+ border-radius: 0 0 4px 4px;
+ background: #ffffff;
+ .ant-input-affix-wrapper {
+ margin-top: 2px;
+ }
+ .menu-select-box {
+ max-height: 200px;
+ min-height: 50px;
+ overflow-y: auto;
+ background: #ffffff;
+ margin-bottom: 3px;
+ .ant-menu {
+ border-radius: 0 0 4px 4px;
+ }
+ .ant-menu-item {
+ padding: 0px 25px;
+ height: 26px;
+ line-height: 26px;
+ color: rgba(0, 0, 0, 0.85);
+ cursor: pointer;
+ }
+ .ant-menu-item:hover {
+ background-color: #e6f7ff;
+ }
+ }
+ .menu-select-box::-webkit-scrollbar {
+ width: 7px;
+ }
+ .menu-select-box::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.13);
+ }
+ .menu-select-box::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ 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 {
padding: 5px 25px;
}
}
+.header-subSystem {
+ min-width: 100px;
+}
.edit-switch {
margin-left: 10px;
}
--
Gitblit v1.8.0