This commit is contained in:
张成
2025-11-09 00:21:49 +08:00
parent 7a53d74e57
commit db9a4a2c83
6 changed files with 15 additions and 64 deletions

View File

@@ -73,7 +73,7 @@ export default defineAppConfig({
window: {
backgroundTextStyle: "light",
navigationBarBackgroundColor: "#fff",
navigationBarBackgroundColor: "#FAFAFA",
navigationBarTextStyle: "black",
backgroundColor: "#FAFAFA",
},

View File

@@ -23,6 +23,7 @@ const BackNavbar: React.FC<BackNavbarProps> = ({
className = ''
}) => {
const userInfo = useUserInfo();
const { statusBarHeight, navBarHeight, totalHeight } = getNavbarHeight();
const handleBack = () => {
@@ -39,7 +40,7 @@ const BackNavbar: React.FC<BackNavbarProps> = ({
style={{
paddingTop: `${statusBarHeight}px`,
height: `${totalHeight}px`,
backgroundColor: backgroundColor || "#ffffff"
backgroundColor: backgroundColor || "#fafafa"
}}
>
<View
@@ -55,7 +56,7 @@ const BackNavbar: React.FC<BackNavbarProps> = ({
{showAvatar && (
<Image
className="navbar-avatar"
src={userInfo?.userInfo?.avatar_url}
src={userInfo?.avatar_url || require('@/static/userInfo/default_avatar.svg')}
mode="aspectFill"
/>
)}

View File

@@ -10,65 +10,10 @@
box-sizing: border-box;
display: flex;
flex-direction: column;
background: #FFFFFF;
overflow: hidden;
// 顶部导航栏
.navbar {
height: 100px;
background: #FFFFFF;
flex-shrink: 0;
z-index: 100;
.navbar-content {
height: 56px;
display: flex;
align-items: center;
padding: 0 15px;
margin-top: 44px;
gap: 12px;
.back-button {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
margin-top: 2px;
.back-icon {
width: 10px;
height: 10px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
&::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-left: 2px solid #000000;
border-bottom: 2px solid #000000;
transform: rotate(45deg) translateY(-1px);
}
}
}
.navbar-title {
font-family: 'PingFang SC';
font-weight: 600;
font-size: 20px;
line-height: 1.4;
letter-spacing: 0.019em;
color: #000000;
flex: 1;
}
}
}
// 评论列表滚动区域
.comment-scroll {

View File

@@ -16,7 +16,6 @@
justify-content: space-between;
gap: 20px;
padding: 6px 24px;
background: #ffffff;
box-sizing: border-box;
height: 124px;
@@ -83,8 +82,6 @@
.message-scroll {
flex: 1;
overflow: hidden;
background: #ffffff;
.message-cards {
padding: 12px;
display: flex;

View File

@@ -143,6 +143,7 @@ const Message = () => {
<Image
className="tab-icon"
src={require('@/static/message/comment-icon.svg')}
mode="aspectFit"
/>
<Text className="tab-text"></Text>
</View>
@@ -153,6 +154,7 @@ const Message = () => {
<Image
className="tab-icon"
src={require('@/static/message/follow-icon.svg')}
mode="aspectFit"
/>
<Text className="tab-text"></Text>
</View>

View File

@@ -36,7 +36,7 @@ const NewFollow = () => {
try {
const res = await FollowService.get_new_fans_list(1, 20);
if (res.list) {
if (res.list && res.list.length > 0) {
// 映射数据
const mappedList = res.list.map((item: any) => ({
id: item.id,
@@ -51,6 +51,9 @@ const NewFollow = () => {
}));
setFollowList(mappedList);
} else {
// 如果没有数据,设置为空数组以显示空状态
setFollowList([]);
}
} catch (e) {
Taro.showToast({
@@ -131,7 +134,7 @@ const NewFollow = () => {
try {
const res = await FollowService.get_new_fans_list(1, 20);
if (res.list) {
if (res.list && res.list.length > 0) {
const mappedList = res.list.map((item: any) => ({
id: item.id,
user_id: item.id,
@@ -145,6 +148,9 @@ const NewFollow = () => {
}));
setFollowList(mappedList);
} else {
// 如果没有数据,设置为空数组以显示空状态
setFollowList([]);
}
} catch (e) {
Taro.showToast({