From c98e45bfac25e9110ad0383faac54a54d98ea9d5 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 18 十一月 2021 20:47:04 +0800
Subject: [PATCH] 2021-11-18
---
src/pc/components/navbar/normal-navbar/index.scss | 86 +++++++++++++++++++++++++++++++++++++++---
1 files changed, 79 insertions(+), 7 deletions(-)
diff --git a/src/pc/components/navbar/normal-navbar/index.scss b/src/pc/components/navbar/normal-navbar/index.scss
index 6346310..5882cf7 100644
--- a/src/pc/components/navbar/normal-navbar/index.scss
+++ b/src/pc/components/navbar/normal-navbar/index.scss
@@ -1,12 +1,63 @@
-.menu-data-card-edit-box {
- position: relative;
+.normal-navbar-edit-box {
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ width: 100%;
box-sizing: border-box;
background: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
- min-height: 20px;
+ min-height: 50px;
+ z-index: 3;
+ .navbar-wrap {
+ margin: 0 auto;
+ display: flex;
+ max-width: 100%;
+
+ .logo {
+ display: inline-block;
+ img {
+ max-width: 100%;
+ max-height: 100%;
+ }
+ }
+ .logo.pointer {
+ cursor: pointer;
+ }
+ .menu {
+ flex: 1;
+ display: inline-block;
+ font-size: inherit;
+ color: inherit;
+ .ant-menu {
+ background: transparent;
+ line-height: inherit;
+ font-size: inherit;
+ color: inherit;
+ border: 0;
+ .ant-menu-item:hover, .ant-menu-item-active, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active, .ant-menu-submenu-title:hover {
+ color: unset;
+ }
+ .ant-menu-item span {
+ display: inline-block;
+ }
+ }
+ .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-submenu:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-submenu-open, .ant-menu-horizontal > .ant-menu-item-selected, .ant-menu-horizontal > .ant-menu-submenu-selected {
+ color: unset;
+ }
+ }
+ .link {
+ flex: 1;
+ display: inline-block;
+ text-align: right;
+ color: inherit;
+ button {
+ color: inherit;
+ }
+ }
+ }
.card-control {
position: absolute;
top: 0px;
@@ -21,7 +72,7 @@
position: absolute;
z-index: 2;
font-size: 16px;
- right: 1px;
+ right: 25px;
top: 1px;
cursor: pointer;
padding: 5px;
@@ -76,12 +127,33 @@
}
}
}
-.menu-data-card-edit-box::after {
+.normal-navbar-edit-box::after {
display: block;
content: ' ';
clear: both;
}
-.menu-data-card-edit-box:hover {
- z-index: 1;
+.normal-navbar-edit-box:hover {
box-shadow: 0px 0px 4px #1890ff;
}
+.top-menu-popover {
+ padding-top: 0!important;
+}
+.normal-navbar-submenu {
+ .ant-menu-item-group {
+ float: left;
+ }
+ .ant-menu-item {
+ height: 32px;
+ line-height: 32px;
+ span {
+ display: inline-block;
+ width: 100%;
+ height: 100%;
+ padding: 0 16px 0 28px;
+ }
+ padding: 0;
+ }
+ .ant-menu .ant-menu-item-selected {
+ background-color: #ffffff;
+ }
+}
\ No newline at end of file
--
Gitblit v1.8.0