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

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 { .btn {
flex: 1; flex: 1;
font-size: 14pt !important; // 14pt 加粗 font-size: 14px !important; // 14pt 加粗
font-weight: 600 !important; // 加粗 font-weight: 600 !important; // 加粗
// 确保按钮内部文字也应用样式 // 确保按钮内部文字也应用样式
:global(.nut-button__text) { :global(.nut-button__text) {
font-size: 14pt !important; font-size: 14px !important;
font-weight: 600 !important; font-weight: 600 !important;
} }
} }

View File

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

View File

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

View File

@@ -70,10 +70,10 @@
.organizer-actions { .organizer-actions {
display: flex; display: flex;
flex: 0 0 90px;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin-left: auto; margin-left: auto;
flex-shrink: 0;
.organizer-actions-follow, .organizer-actions-follow,
.organizer-actions-comment { .organizer-actions-comment {
@@ -86,6 +86,7 @@
// border: 0.5px solid rgba(255, 255, 255, 0.10); // border: 0.5px solid rgba(255, 255, 255, 0.10);
background: rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.16);
box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
white-space: nowrap;
& > image { & > image {
width: 16px; width: 16px;
@@ -102,6 +103,7 @@
font-weight: 500; font-weight: 500;
line-height: 20px; /* 153.846% */ line-height: 20px; /* 153.846% */
letter-spacing: -0.23px; letter-spacing: -0.23px;
white-space: nowrap;
} }
} }

View File

@@ -181,7 +181,7 @@ export default function OrganizerInfo(props) {
src={img.ICON_DETAIL_ARROW_RIGHT} src={img.ICON_DETAIL_ARROW_RIGHT}
/> />
</View> </View>
<ScrollView className={styles["recommend-games-list"]} scrollX> <ScrollView refresherBackground="#FAFAFA" className={styles["recommend-games-list"]} scrollX>
<View className={styles["recommend-games-list-content"]}> <View className={styles["recommend-games-list-content"]}>
{recommendGames.map((game, index) => ( {recommendGames.map((game, index) => (
<View <View

View File

@@ -349,7 +349,7 @@ export default function Participants(props) {
</View> </View>
)} )}
{/* participants list */} {/* participants list */}
<ScrollView className={styles["participants-list-scroll"]} scrollX> <ScrollView refresherBackground="#FAFAFA" className={styles["participants-list-scroll"]} scrollX>
<View <View
className={styles["participants-list-scroll-content"]} className={styles["participants-list-scroll-content"]}
style={{ style={{

View File

@@ -183,7 +183,7 @@ const TermsPage: React.FC = () => {
{/* 主要内容 */} {/* 主要内容 */}
<ScrollView className="terms_main_content" scrollY> <ScrollView className="terms_main_content" refresherBackground="#FAFAFA" scrollY>
{/* 条款标题 */} {/* 条款标题 */}
<View className="terms_title"> <View className="terms_title">
{termsTitle} {termsTitle}

View File

@@ -123,6 +123,8 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
// ScrollView 滚动处理 // ScrollView 滚动处理
const handleScrollViewScroll = useCallback( const handleScrollViewScroll = useCallback(
(e: any) => { (e: any) => {
const currentScrollTop = e?.detail?.scrollTop || 0; const currentScrollTop = e?.detail?.scrollTop || 0;
const lastScrollTop = lastScrollTopRef.current; const lastScrollTop = lastScrollTopRef.current;
const currentTime = Date.now(); const currentTime = Date.now();
@@ -252,6 +254,8 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
}; };
const handleRefresh = async () => { const handleRefresh = async () => {
setRefreshing(true); setRefreshing(true);
try { try {
await refreshMatches(); await refreshMatches();
@@ -426,7 +430,7 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
</View> </View>
</View> </View>
<ScrollView <ScrollView refresherBackground="#FAFAFA"
ref={scrollViewRef} ref={scrollViewRef}
scrollY scrollY
scrollTop={scrollTop} scrollTop={scrollTop}

View File

@@ -74,6 +74,7 @@
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
color: #000000; color: #000000;
margin-top: 8px;
} }
&.active { &.active {

View File

@@ -150,7 +150,7 @@ const MyselfPageContent: React.FC = () => {
// }; // };
return ( return (
<ScrollView scrollY className={styles.myselfPage}> <ScrollView scrollY refresherBackground="#FAFAFA" className={styles.myselfPage}>
<View <View
className={styles.myselfPageContentMain} className={styles.myselfPageContentMain}
style={{ paddingTop: `${totalHeight}px` }} style={{ paddingTop: `${totalHeight}px` }}

View File

@@ -18,7 +18,7 @@ useEffect(() => {
return ( return (
<View className="terms_page"> <View className="terms_page">
{/* 主要内容 */} {/* 主要内容 */}
<ScrollView className="football_rules_main_content" scrollY> <ScrollView refresherBackground="#FAFAFA" className="football_rules_main_content" scrollY>
{/* 条款标题 */} {/* 条款标题 */}
<View className="terms_title"> <View className="terms_title">

View File

@@ -262,7 +262,7 @@ const SelectStadium: React.FC<SelectStadiumProps> = ({
<Loading type="circular" className='loading-icon'></Loading> <Loading type="circular" className='loading-icon'></Loading>
</View> </View>
) : ( ) : (
<ScrollView className='stadium-list' <ScrollView className='stadium-list' refresherBackground="#FAFAFA"
scrollWithAnimation scrollWithAnimation
enhanced enhanced
showScrollbar={false} showScrollbar={false}

View File

@@ -174,7 +174,7 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
console.log(stadium,'stadiumstadium'); console.log(stadium,'stadiumstadium');
return ( return (
<View className='stadium-detail'> <View className='stadium-detail'>
<ScrollView className='stadium-detail-scroll' scrollY={!openPicker}> <ScrollView className='stadium-detail-scroll' refresherBackground="#FAFAFA" scrollY={!openPicker}>
{/* 已选球场 */} {/* 已选球场 */}
<View <View
className={`stadium-item`} className={`stadium-item`}

View File

@@ -272,8 +272,8 @@ const MyselfPage: React.FC = () => {
</View> </View>
{/* 球局列表 */} {/* 球局列表 */}
<View className="game_list_section"> <View className="game_list_section" >
<ScrollView scrollY> <ScrollView scrollY refresherBackground="#FAFAFA">
<ListContainer <ListContainer
data={game_records} data={game_records}
recommendList={[]} recommendList={[]}

View File

@@ -237,7 +237,7 @@ const OtherUserPage: React.FC = () => {
// }; // };
return ( return (
<ScrollView scrollY className="other_user_page"> <ScrollView scrollY className="other_user_page" refresherBackground="#FAFAFA">
{/* <CustomNavbar> {/* <CustomNavbar>
<View className="navbar_content"> <View className="navbar_content">
<View className="navbar_back" onClick={() => Taro.navigateBack()}> <View className="navbar_back" onClick={() => Taro.navigateBack()}>
@@ -294,7 +294,7 @@ const OtherUserPage: React.FC = () => {
{/* 球局列表 */} {/* 球局列表 */}
{/* <View className="game_list_section"> */} {/* <View className="game_list_section"> */}
<ScrollView scrollY> <ScrollView scrollY refresherBackground="#FAFAFA">
<ListContainer <ListContainer
data={game_records} data={game_records}
recommendList={[]} recommendList={[]}
@@ -337,7 +337,7 @@ const OtherUserPage: React.FC = () => {
{/* 球局列表 */} {/* 球局列表 */}
{/* <View className="game_list_section"> */} {/* <View className="game_list_section"> */}
<ScrollView scrollY> <ScrollView scrollY refresherBackground="#FAFAFA">
<ListContainer <ListContainer
data={ended_game_records} data={ended_game_records}
recommendList={[]} recommendList={[]}