diff --git a/src/user_pages/other/index.scss b/src/user_pages/other/index.scss index c768750..8aa4539 100644 --- a/src/user_pages/other/index.scss +++ b/src/user_pages/other/index.scss @@ -1,16 +1,54 @@ // 他人用户页面样式 .other_user_page { min-height: 100vh; - background: radial-gradient( - circle at 50% 0%, - rgba(238, 255, 220, 1) 0%, - rgba(255, 255, 255, 1) 37% - ); + background: radial-gradient(circle at 50% 0%, + rgba(238, 255, 220, 1) 0%, + rgba(255, 255, 255, 1) 37%); position: relative; - overflow: hidden; + // overflow: hidden; box-sizing: border-box; } +.custom-navbar { + height: 56px; + /* 通常与原生导航栏高度一致 */ + display: flex; + align-items: center; + justify-content: center; + // background-color: #fff; + color: #000; + padding-top: 44px; + /* 适配状态栏 */ + position: sticky; + top: 0; + z-index: 100; + overflow: hidden; + background-color: rgb(238, 255, 220); +} + +.detail-navigator { + height: 30px; + width: 80px; + border-radius: 15px; + position: absolute; + left: 12px; + box-sizing: border-box; + display: flex; + align-items: center; + + .detail-navigator-back { + height: 32px; + width: 50%; + display: flex; + justify-content: center; + + &>.detail-navigator-back-icon { + width: 32px; + height: 32px; + } + } +} + // 主要内容区域 .main_content { position: relative; @@ -27,7 +65,7 @@ flex-direction: column; gap: 16px; margin-bottom: 16px; - margin-top: 98px; + // margin-top: 98px; // 基本信息 .basic_info { @@ -504,4 +542,4 @@ } } } -} +} \ No newline at end of file