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 | 95 ++++++++++++++++++++++++++++------------------- 1 files changed, 57 insertions(+), 38 deletions(-) diff --git a/src/components/header/index.scss b/src/components/header/index.scss index 62bde22..78fb275 100644 --- a/src/components/header/index.scss +++ b/src/components/header/index.scss @@ -1,6 +1,6 @@ .header-container { position: fixed; - z-index: 1060; + z-index: 20; left: 0; top: 0; font-weight: bold!important; @@ -35,7 +35,7 @@ padding-left: 10px; margin: 0 10px; transition: padding-left 0.15s; - i { + .anticon { cursor: pointer; position: relative; top: 3px; @@ -75,18 +75,10 @@ } } } - .header-vertical-menu { - float: left; - margin: 0; - line-height: 48px; - background: transparent; - .ant-menu-submenu { - border-bottom: 0!important; - } + .header-menu.vertical-menu { >li { - >.ant-menu-submenu-title { - color: rgba(255, 255, 255, 0.85); - font-size: 1.3rem; + >span { + border-color: transparent!important; } } } @@ -114,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; @@ -177,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 { @@ -201,3 +169,54 @@ } } } +.ant-dropdown.vertical-dropdown-menu { + z-index: 1100 !important; +} + +.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