修复 下拉刷新文字,文字大小问题

This commit is contained in:
张成
2025-11-30 20:19:06 +08:00
parent 6815eca84d
commit 42b05a6bc8
15 changed files with 48 additions and 31 deletions

View File

@@ -21,12 +21,12 @@
.btn {
flex: 1;
font-size: 14pt !important; // 14pt 加粗
font-size: 14px !important; // 14pt 加粗
font-weight: 600 !important; // 加粗
// 确保按钮内部文字也应用样式
:global(.nut-button__text) {
font-size: 14pt !important;
font-size: 14px !important;
font-weight: 600 !important;
}
}

View File

@@ -107,13 +107,18 @@
display: flex;
align-items: center;
margin-top: 8px;
column-gap: 4px;
// 只有当 left-section 存在时才添加间距
.left-section + .tags {
margin-left: 4px;
}
}
.left-section {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.avatar-group {
@@ -159,6 +164,9 @@
.tags {
display: flex;
gap: 4px;
flex: 1;
// 确保标签区域与文字左对齐,没有头像时无额外边距
margin-left: 0;
}
.tag {
@@ -249,7 +257,7 @@
// 设计稿位置 top: 38.62px, left: 10.62px,按比例缩放
top: 31.7px;
left: 8.7px;
z-index:2;
z-index: 2;
transform: rotate(-8deg);
}
}

View File

@@ -196,19 +196,21 @@ const ListCard: React.FC<ListCardProps> = ({
{/* 底部信息行:头像组、报名人数、技能等级、比赛类型 */}
<View className="bottom-info">
<View className="left-section">
<View className="avatar-group">
{(participantsImageList || []).map((item, index) => (
<View key={index} className="avatar">
<Image
className="avatar-image"
src={item?.user?.avatar_url}
mode="aspectFill"
/>
</View>
))}
{participantsImageList && participantsImageList.length > 0 && (
<View className="left-section">
<View className="avatar-group">
{participantsImageList.map((item, index) => (
<View key={index} className="avatar">
<Image
className="avatar-image"
src={item?.user?.avatar_url}
mode="aspectFill"
/>
</View>
))}
</View>
</View>
</View>
)}
<View className="tags">
<View className="tag">