From 5046d0d13dc6a8563b8e54e31913bc44cfa1072f Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 26 四月 2022 19:23:18 +0800 Subject: [PATCH] 2022-04-26 --- src/mob/components/menubar/normal-menubar/index.scss | 45 ++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 42 insertions(+), 3 deletions(-) diff --git a/src/mob/components/menubar/normal-menubar/index.scss b/src/mob/components/menubar/normal-menubar/index.scss index c4c97f1..8732c16 100644 --- a/src/mob/components/menubar/normal-menubar/index.scss +++ b/src/mob/components/menubar/normal-menubar/index.scss @@ -17,7 +17,7 @@ padding: 1px; } } - .anticon-tool { + >.anticon-tool { position: absolute; z-index: 2; font-size: 16px; @@ -26,6 +26,36 @@ cursor: pointer; padding: 5px; background: rgba(255, 255, 255, 0.55); + } + .menu-right { + display: none; + } + .vertical-layout { + >.ant-col { + width: 100%; + .menu-item { + display: flex; + align-items: center; + .menu-sign { + margin-right: 10px; + } + .menu-name { + text-align: inherit; + flex: 10; + } + .menu-right { + margin-left: 5px; + display: inline-block; + } + } + } + } + .flex-layout { + display: flex; + >.ant-col { + flex: 1; + width: 5%; + } } .menu-item { @@ -41,12 +71,21 @@ text-overflow: ellipsis; } .menu-sign { + position: relative; text-align: center; .anticon { - border-radius: 50%; + border-radius: 15%; } img { - border-radius: 50%; + border-radius: 15%; + } + .am-badge-text { + position: absolute; + height: 8px; + width: 8px; + border-radius: 100%; + background: #ff5b05; + z-index: 1; } } } -- Gitblit v1.8.0