编辑用户信息页图标、添加返回按钮

This commit is contained in:
2025-09-16 00:04:51 +08:00
parent 46f0dc4edf
commit 4ef92e4569

View File

@@ -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 @@
}
}
}
}
}