修复 下拉刷新文字,文字大小问题
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user