修复登陆页图像拉升 和 问题

This commit is contained in:
张成
2025-11-08 23:08:24 +08:00
parent 46d3a8f13f
commit 7a53d74e57
8 changed files with 29 additions and 22 deletions

View File

@@ -114,7 +114,7 @@ const FollowUserCard: React.FC<FollowUserCardProps> = ({ user, tabKey, onFollowC
<View className="follow_user_card"> <View className="follow_user_card">
<View className="user_info" onClick={handle_user_click}> <View className="user_info" onClick={handle_user_click}>
<Image <Image
className="avatar" className="avatar" mode="aspectFill"
src={user.avatar_url || require('@/static/userInfo/default_avatar.svg')} src={user.avatar_url || require('@/static/userInfo/default_avatar.svg')}
/> />
<View className="user_details"> <View className="user_details">

View File

@@ -384,6 +384,10 @@
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
margin-bottom: 20px; margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
&::after { &::after {
border: none; border: none;

View File

@@ -213,7 +213,7 @@
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
text-align: left; text-align: left;
padding: 12px 24px 36px 24px; padding: 12px 0px 36px 0px;
.main_title { .main_title {
font-family: "PingFang SC"; font-family: "PingFang SC";
@@ -249,6 +249,8 @@
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 12px; border-radius: 12px;
padding: 10px 12px; padding: 10px 12px;
height: 52px;
box-sizing: border-box;
box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
.phone_input { .phone_input {
@@ -256,11 +258,13 @@
font-family: "PingFang SC"; font-family: "PingFang SC";
font-weight: 500; font-weight: 500;
font-size: 20px; font-size: 20px;
line-height: 1.6; line-height: 32px;
height: 32px;
color: #000000; color: #000000;
border: none; border: none;
outline: none; outline: none;
background: transparent; background: transparent;
box-sizing: border-box;
&::placeholder { &::placeholder {
color: rgba(60, 60, 67, 0.3); color: rgba(60, 60, 67, 0.3);
@@ -313,11 +317,13 @@
font-family: "PingFang SC"; font-family: "PingFang SC";
font-weight: 500; font-weight: 500;
font-size: 20px; font-size: 20px;
line-height: 1.6; line-height: 32px;
height: 32px;
color: #000000; color: #000000;
border: none; border: none;
outline: none; outline: none;
background: transparent; background: transparent;
box-sizing: border-box;
&::placeholder { &::placeholder {
color: rgba(60, 60, 67, 0.3); color: rgba(60, 60, 67, 0.3);
@@ -347,7 +353,10 @@
width: 120px; width: 120px;
height: 52px; height: 52px;
box-sizing: border-box; box-sizing: border-box;
padding: 12px 2px; padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: #000000; background: #000000;
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
@@ -355,7 +364,7 @@
font-family: "PingFang SC"; font-family: "PingFang SC";
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
line-height: 1.4; line-height: 1;
color: #ffffff; color: #ffffff;
box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(32px); backdrop-filter: blur(32px);

View File

@@ -106,8 +106,8 @@
min-width: 0; min-width: 0;
.user-avatar { .user-avatar {
width: 48px;
height: 48px; height: 48px;
width: 48px;
border-radius: 999px; border-radius: 999px;
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; cursor: pointer;

View File

@@ -1,6 +1,5 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { View, Text, ScrollView, Image, Input } from "@tarojs/components"; import { View, Text, ScrollView, Image, Input } from "@tarojs/components";
import { Avatar } from "@nutui/nutui-react-taro";
import { withAuth, EmptyState, BackNavbar } from "@/components"; import { withAuth, EmptyState, BackNavbar } from "@/components";
import commentService, { CommentActivity } from "@/services/commentService"; import commentService, { CommentActivity } from "@/services/commentService";
import { formatShortRelativeTime } from "@/utils/timeUtils"; import { formatShortRelativeTime } from "@/utils/timeUtils";
@@ -225,10 +224,10 @@ const CommentReply = () => {
onClick={() => handleCommentClick(item)} onClick={() => handleCommentClick(item)}
> >
<View className="comment-left"> <View className="comment-left">
<Avatar <Image
className="user-avatar" className="user-avatar"
src={item.user_avatar || "https://img.yzcdn.cn/vant/cat.jpeg"} src={item.user_avatar || "https://img.yzcdn.cn/vant/cat.jpeg"}
size="48px" mode="aspectFill"
onClick={(e) => handleUserClick(e, item.user_id)} onClick={(e) => handleUserClick(e, item.user_id)}
/> />

View File

@@ -101,6 +101,7 @@
// box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06); // box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
padding: 0 0 12px; padding: 0 0 12px;
transition: all 0.2s; transition: all 0.2s;
cursor: pointer;
&:active { &:active {
transform: scale(0.98); transform: scale(0.98);
@@ -164,7 +165,6 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
cursor: pointer;
.action-text { .action-text {
font-family: "PingFang SC"; font-family: "PingFang SC";
@@ -185,10 +185,6 @@
height: 14px; height: 14px;
} }
} }
&:active {
opacity: 0.7;
}
} }
} }
} }

View File

@@ -174,7 +174,7 @@ const Message = () => {
{filteredMessages.length > 0 ? ( {filteredMessages.length > 0 ? (
<View className="message-cards"> <View className="message-cards">
{filteredMessages.map((message) => ( {filteredMessages.map((message) => (
<View className="message-card" key={message.id}> <View className="message-card" key={message.id} onClick={() => handleViewDetail(message)}>
<View className="card-title-row"> <View className="card-title-row">
<Text className="card-title">{message.title}</Text> <Text className="card-title">{message.title}</Text>
</View> </View>
@@ -186,7 +186,7 @@ const Message = () => {
</View> </View>
<View className="card-footer"> <View className="card-footer">
<View className="footer-divider"></View> <View className="footer-divider"></View>
<View className="footer-action" onClick={() => handleViewDetail(message)}> <View className="footer-action">
<Text className="action-text"></Text> <Text className="action-text"></Text>
<View className="action-arrow"> <View className="action-arrow">

View File

@@ -1,6 +1,5 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { View, Text, ScrollView } from "@tarojs/components"; import { View, Text, ScrollView, Image } from "@tarojs/components";
import { Avatar } from "@nutui/nutui-react-taro";
import { withAuth, EmptyState, BackNavbar } from "@/components"; import { withAuth, EmptyState, BackNavbar } from "@/components";
import FollowService from "@/services/followService"; import FollowService from "@/services/followService";
import { formatShortRelativeTime } from "@/utils/timeUtils"; import { formatShortRelativeTime } from "@/utils/timeUtils";
@@ -163,10 +162,10 @@ const NewFollow = () => {
return ( return (
<View className="follow-item" key={item.id}> <View className="follow-item" key={item.id}>
<View className="follow-left" onClick={() => handleUserClick(item.user_id)}> <View className="follow-left" onClick={() => handleUserClick(item.user_id)}>
<Avatar <Image
className="user-avatar" className="user-avatar" mode="aspectFill"
src={item.user_avatar || "https://img.yzcdn.cn/vant/cat.jpeg"} src={item.user_avatar || "https://img.yzcdn.cn/vant/cat.jpeg"}
size="40px"
/> />
<View className="user-info"> <View className="user-info">