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

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="user_info" onClick={handle_user_click}>
<Image
className="avatar"
className="avatar" mode="aspectFill"
src={user.avatar_url || require('@/static/userInfo/default_avatar.svg')}
/>
<View className="user_details">

View File

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

View File

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

View File

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

View File

@@ -1,6 +1,5 @@
import { useState, useEffect } from "react";
import { View, Text, ScrollView, Image, Input } from "@tarojs/components";
import { Avatar } from "@nutui/nutui-react-taro";
import { withAuth, EmptyState, BackNavbar } from "@/components";
import commentService, { CommentActivity } from "@/services/commentService";
import { formatShortRelativeTime } from "@/utils/timeUtils";
@@ -225,10 +224,10 @@ const CommentReply = () => {
onClick={() => handleCommentClick(item)}
>
<View className="comment-left">
<Avatar
<Image
className="user-avatar"
src={item.user_avatar || "https://img.yzcdn.cn/vant/cat.jpeg"}
size="48px"
mode="aspectFill"
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);
padding: 0 0 12px;
transition: all 0.2s;
cursor: pointer;
&:active {
transform: scale(0.98);
@@ -164,7 +165,6 @@
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
.action-text {
font-family: "PingFang SC";
@@ -185,10 +185,6 @@
height: 14px;
}
}
&:active {
opacity: 0.7;
}
}
}
}

View File

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

View File

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