From d2392435048a5d75f2d10b4d88a2c8ac29a254f1 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 18 六月 2025 22:34:05 +0800 Subject: [PATCH] 2025-06-18 --- src/mob/components/navbar/normal-navbar/index.scss | 148 ++++++++++++++++++++----------------------------- 1 files changed, 60 insertions(+), 88 deletions(-) diff --git a/src/mob/components/navbar/normal-navbar/index.scss b/src/mob/components/navbar/normal-navbar/index.scss index 67d1e9f..0a0851d 100644 --- a/src/mob/components/navbar/normal-navbar/index.scss +++ b/src/mob/components/navbar/normal-navbar/index.scss @@ -1,5 +1,5 @@ .normal-navbar-edit-box { - position: fixed; + position: absolute; bottom: 0px; left: 0px; width: 100%; @@ -8,40 +8,42 @@ background-position: center center; background-repeat: no-repeat; background-size: cover; - min-height: 50px; + min-height: 30px; z-index: 3; .menu { - display: block; + height: 100%; + display: flex; 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 { - color: unset; + .am-tab-bar-tab { + position: relative; + text-align: center; + flex: 1; + cursor: pointer; + .anticon { + font-size: 150%; } - .ant-menu-item span { - display: inline-block; + .am-tab-bar-tab-title:first-child { + font-size: 14px; + line-height: 40px; + } + .am-badge-text { + position: absolute; + top: -2px; + height: 8px; + width: 8px; + border-radius: 100%; + background: #ff5b05; + z-index: 1; + } + p { + margin-bottom: 0; } } - .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-item-selected { - color: unset; - } + } - .card-control { - position: absolute; - top: 0px; - left: 0px; - .anticon-tool { - right: auto; - left: 1px; - padding: 1px; - } - } + .anticon-tool { position: absolute; z-index: 2; @@ -52,53 +54,42 @@ padding: 5px; background: rgba(255, 255, 255, 0.55); } +} - .card-item { - overflow: hidden; +.normal-navbar-edit-box:not(.class1) { + .menu .am-tab-bar-tab.tab-zoomIn { + .am-tab-bar-tab-icon { + padding: 10px; + display: inline-block; + background: #1890ff; + color: #ffffff; + border-radius: 40px; + width: 42px; + height: 42px; + font-size: 15px; + transform: translate(0px, -25px); + } + .am-tab-bar-tab-title { + font-size: 1.2em; + color: #1890ff; + transform: translate(0px, -22px); + } + } +} +.normal-navbar-edit-box.class1 { + background-color: #1890ff!important; + border-top-left-radius: 40px; + border-top-right-radius: 40px; + .am-tab-bar-tab-icon { + color: #ffffff; position: relative; - background-color: #ffffff; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - min-height: 20px; + top: 5px; } - - .card-item:hover { - box-shadow: 0px 0px 2px #1890ff; + .menu .am-tab-bar-tab .anticon { + font-size: 20px; } - - .model-menu-card-cell-list .card-detail-row > .anticon-plus { - position: absolute; - right: -30px; - font-size: 16px; - } - .model-menu-action-list { - line-height: 40px; - .ant-row > .anticon-plus { - position: absolute; - right: -30px; - font-size: 16px; - } - } - .card-add-button { - text-align: right; - clear: left; - .anticon-plus { - font-size: 20px; - color: #26C281; - padding: 5px; - margin-right: 10px; - } - } - .ant-pagination { - float: right; - margin: 10px; - } - - .model-menu-action-list { - .page-card { - line-height: 55px; - } + .am-tab-bar-tab-title { + display: none; } } .normal-navbar-edit-box::after { @@ -112,22 +103,3 @@ .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