From c40e7ce5519f6caa14dc11c13612f37d7b914646 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Tue, 04 Mar 2025 18:24:03 +0800 Subject: [PATCH] 知识库添加文档,公共工具箱 --- layout/h5Page/cNavBar.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 45 insertions(+), 10 deletions(-) diff --git a/layout/h5Page/cNavBar.scss b/layout/h5Page/cNavBar.scss index ab18e99..e319673 100644 --- a/layout/h5Page/cNavBar.scss +++ b/layout/h5Page/cNavBar.scss @@ -9,6 +9,16 @@ position: relative; .at-nav-bar { background-color: #2093df; + .at-nav-bar__left-view { + padding: 9PX 0; + .at-icon { + padding-left: 9PX; + font-size: 55px; + } + } + .at-nav-bar__title { + font-size: 42px; + } } .at-nav-bar__left-view, .at-nav-bar__right-view, @@ -19,6 +29,12 @@ &:active { background-color: rgba(#F0F0F0, 0.5); transition: background-color 0s; + } + .at-icon { + display: block; + } + .at-nav-bar__text { + display: none; } } .at-nav-bar__container { @@ -36,32 +52,51 @@ .at-nav-bar__container--hide { display: none; } + .c-nav-bar-right { + @include position(absolute, 0 n n 0, 10); + padding: 9Px 9Px; + @include flexbox(inline, center center); + &::before { + display: block; + width: 0; + white-space: nowrap; + overflow: hidden; + font-size: 55px; + font-family: iconfont; + font-style: normal; + font-weight: 400; + font-variant: normal; + line-height: 1; + text-transform: none; + text-rendering: auto; + content: ""; + } + } .c-nav-bar-drop { @include position(absolute, n n 0 0, 10); .inner { @include position(absolute, 0 n n 0); - padding: 0.3rem; + padding: 14px; .arrow { - @include position(absolute, 0.15rem n n 0.65rem); + @include position(absolute, 7px n n 30px); width: 0; height: 0; - border-top: 0.6rem solid #f2f4f7; - border-right: 0.6rem solid transparent; + border-top: 28px solid #f2f4f7; + border-right: 28px solid transparent; transform: rotate(45deg); } .box { position: relative; z-index: 2; - width: 4rem; - padding: 0.2rem 0; + width: 200px; + padding: 9px 0; background-color: #f7f8fa; - border-radius: 0.1rem; + border-radius: 5px; box-shadow: rgba(#000, 0.1) 0 1PX 1PX 1PX; .item { - padding: 0 0.45rem; text-align: center; - line-height: 1.6rem; - font-size: 0.65rem; + line-height: 80px; + font-size: 36px; @include ellipsis(100%); box-sizing: border-box; border-bottom: #edf0f8 1PX solid; -- Gitblit v1.9.1