diff --git a/src/components/FilterPopup/index.module.scss b/src/components/FilterPopup/index.module.scss index d6107fb..3ea6d1e 100644 --- a/src/components/FilterPopup/index.module.scss +++ b/src/components/FilterPopup/index.module.scss @@ -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; } } diff --git a/src/components/ListCard/index.scss b/src/components/ListCard/index.scss index e1c9b3b..f693404 100644 --- a/src/components/ListCard/index.scss +++ b/src/components/ListCard/index.scss @@ -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); } } diff --git a/src/components/ListCard/index.tsx b/src/components/ListCard/index.tsx index 986ee27..291b0b9 100644 --- a/src/components/ListCard/index.tsx +++ b/src/components/ListCard/index.tsx @@ -196,19 +196,21 @@ const ListCard: React.FC = ({ {/* 底部信息行:头像组、报名人数、技能等级、比赛类型 */} - - - {(participantsImageList || []).map((item, index) => ( - - - - ))} + {participantsImageList && participantsImageList.length > 0 && ( + + + {participantsImageList.map((item, index) => ( + + + + ))} + - + )} diff --git a/src/game_pages/detail/components/OrganizerInfo/index.module.scss b/src/game_pages/detail/components/OrganizerInfo/index.module.scss index a04ae47..ec86174 100644 --- a/src/game_pages/detail/components/OrganizerInfo/index.module.scss +++ b/src/game_pages/detail/components/OrganizerInfo/index.module.scss @@ -70,10 +70,10 @@ .organizer-actions { display: flex; - flex: 0 0 90px; align-items: center; gap: 8px; margin-left: auto; + flex-shrink: 0; .organizer-actions-follow, .organizer-actions-comment { @@ -86,6 +86,7 @@ // border: 0.5px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.16); box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08); + white-space: nowrap; & > image { width: 16px; @@ -102,6 +103,7 @@ font-weight: 500; line-height: 20px; /* 153.846% */ letter-spacing: -0.23px; + white-space: nowrap; } } diff --git a/src/game_pages/detail/components/OrganizerInfo/index.tsx b/src/game_pages/detail/components/OrganizerInfo/index.tsx index 325cdfb..db8521f 100644 --- a/src/game_pages/detail/components/OrganizerInfo/index.tsx +++ b/src/game_pages/detail/components/OrganizerInfo/index.tsx @@ -181,7 +181,7 @@ export default function OrganizerInfo(props) { src={img.ICON_DETAIL_ARROW_RIGHT} /> - + {recommendGames.map((game, index) => ( )} {/* participants list */} - + { {/* 主要内容 */} - + {/* 条款标题 */} {termsTitle} diff --git a/src/main_pages/components/ListPageContent.tsx b/src/main_pages/components/ListPageContent.tsx index 90768d7..a6d9ed5 100644 --- a/src/main_pages/components/ListPageContent.tsx +++ b/src/main_pages/components/ListPageContent.tsx @@ -123,6 +123,8 @@ const ListPageContent: React.FC = ({ // ScrollView 滚动处理 const handleScrollViewScroll = useCallback( (e: any) => { + + const currentScrollTop = e?.detail?.scrollTop || 0; const lastScrollTop = lastScrollTopRef.current; const currentTime = Date.now(); @@ -252,6 +254,8 @@ const ListPageContent: React.FC = ({ }; const handleRefresh = async () => { + + setRefreshing(true); try { await refreshMatches(); @@ -264,7 +268,7 @@ const ListPageContent: React.FC = ({ } finally { // 使用 requestAnimationFrame 替代 setTimeout(0),性能更好 requestAnimationFrame(() => { - setRefreshing(false); + setRefreshing(false); }); } }; @@ -426,7 +430,7 @@ const ListPageContent: React.FC = ({ - { // }; return ( - + { return ( {/* 主要内容 */} - + {/* 条款标题 */} 约球规则 diff --git a/src/publish_pages/publishBall/components/SelectStadium/SelectStadium.tsx b/src/publish_pages/publishBall/components/SelectStadium/SelectStadium.tsx index 744ca27..73d5cac 100644 --- a/src/publish_pages/publishBall/components/SelectStadium/SelectStadium.tsx +++ b/src/publish_pages/publishBall/components/SelectStadium/SelectStadium.tsx @@ -262,7 +262,7 @@ const SelectStadium: React.FC = ({ 加载中 ) : ( - (({ console.log(stadium,'stadiumstadium'); return ( - + {/* 已选球场 */} { {/* 球局列表 */} - - + + { // }; return ( - + {/* Taro.navigateBack()}> @@ -294,7 +294,7 @@ const OtherUserPage: React.FC = () => { {/* 球局列表 */} {/* */} - + { {/* 球局列表 */} {/* */} - +