From 42b05a6bc8e80aaba6ec2502b55c1d29ff6ab24c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=88=90?= <light.zhang@ysinc.com>
Date: Sun, 30 Nov 2025 20:19:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0=E6=96=87=E5=AD=97=EF=BC=8C=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FilterPopup/index.module.scss  |  4 +--
 src/components/ListCard/index.scss            | 12 +++++++--
 src/components/ListCard/index.tsx             | 26 ++++++++++---------
 .../OrganizerInfo/index.module.scss           |  4 ++-
 .../detail/components/OrganizerInfo/index.tsx |  2 +-
 .../detail/components/Participants/index.tsx  |  2 +-
 src/login_pages/terms/index.tsx               |  2 +-
 src/main_pages/components/ListPageContent.tsx |  8 ++++--
 .../components/MessagePageContent.module.scss |  1 +
 .../components/MyselfPageContent.tsx          |  2 +-
 src/publish_pages/footballRules/index.tsx     |  2 +-
 .../SelectStadium/SelectStadium.tsx           |  2 +-
 .../SelectStadium/StadiumDetail.tsx           |  2 +-
 src/user_pages/myself/index.tsx               |  4 +--
 src/user_pages/other/index.tsx                |  6 ++---
 15 files changed, 48 insertions(+), 31 deletions(-)

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<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">
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}
             />
           </View>
-          <ScrollView className={styles["recommend-games-list"]} scrollX>
+          <ScrollView refresherBackground="#FAFAFA" className={styles["recommend-games-list"]} scrollX>
             <View className={styles["recommend-games-list-content"]}>
               {recommendGames.map((game, index) => (
                 <View
diff --git a/src/game_pages/detail/components/Participants/index.tsx b/src/game_pages/detail/components/Participants/index.tsx
index 565d2d8..80aa2e6 100644
--- a/src/game_pages/detail/components/Participants/index.tsx
+++ b/src/game_pages/detail/components/Participants/index.tsx
@@ -349,7 +349,7 @@ export default function Participants(props) {
               </View>
             )}
             {/* participants list */}
-            <ScrollView className={styles["participants-list-scroll"]} scrollX>
+            <ScrollView refresherBackground="#FAFAFA"  className={styles["participants-list-scroll"]} scrollX>
               <View
                 className={styles["participants-list-scroll-content"]}
                 style={{
diff --git a/src/login_pages/terms/index.tsx b/src/login_pages/terms/index.tsx
index 336aed8..01f9634 100644
--- a/src/login_pages/terms/index.tsx
+++ b/src/login_pages/terms/index.tsx
@@ -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">
           {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<ListPageContentProps> = ({
   // 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<ListPageContentProps> = ({
   };
 
   const handleRefresh = async () => {
+
+
     setRefreshing(true);
     try {
       await refreshMatches();
@@ -264,7 +268,7 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
     } finally {
       // 使用 requestAnimationFrame 替代 setTimeout(0)，性能更好
       requestAnimationFrame(() => {
-        setRefreshing(false);
+         setRefreshing(false);
       });
     }
   };
@@ -426,7 +430,7 @@ const ListPageContent: React.FC<ListPageContentProps> = ({
               </View>
             </View>
 
-            <ScrollView
+            <ScrollView   refresherBackground="#FAFAFA"
               ref={scrollViewRef}
               scrollY
               scrollTop={scrollTop}
diff --git a/src/main_pages/components/MessagePageContent.module.scss b/src/main_pages/components/MessagePageContent.module.scss
index 1fe26ff..69525a3 100644
--- a/src/main_pages/components/MessagePageContent.module.scss
+++ b/src/main_pages/components/MessagePageContent.module.scss
@@ -74,6 +74,7 @@
         font-size: 16px;
         line-height: 1.5;
         color: #000000;
+        margin-top: 8px;
       }
 
       &.active {
diff --git a/src/main_pages/components/MyselfPageContent.tsx b/src/main_pages/components/MyselfPageContent.tsx
index 022919a..7802997 100644
--- a/src/main_pages/components/MyselfPageContent.tsx
+++ b/src/main_pages/components/MyselfPageContent.tsx
@@ -150,7 +150,7 @@ const MyselfPageContent: React.FC = () => {
   // };
 
   return (
-    <ScrollView scrollY className={styles.myselfPage}>
+    <ScrollView scrollY  refresherBackground="#FAFAFA" className={styles.myselfPage}>
       <View
         className={styles.myselfPageContentMain}
         style={{ paddingTop: `${totalHeight}px` }}
diff --git a/src/publish_pages/footballRules/index.tsx b/src/publish_pages/footballRules/index.tsx
index f5f56f8..e5152a5 100644
--- a/src/publish_pages/footballRules/index.tsx
+++ b/src/publish_pages/footballRules/index.tsx
@@ -18,7 +18,7 @@ useEffect(() => {
   return (
     <View className="terms_page">
       {/* 主要内容 */}
-      <ScrollView className="football_rules_main_content" scrollY>
+      <ScrollView  refresherBackground="#FAFAFA" className="football_rules_main_content" scrollY>
         {/* 条款标题 */}
         <View className="terms_title">
           约球规则
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<SelectStadiumProps> = ({
               <Loading type="circular" className='loading-icon'>加载中</Loading>
             </View>
           ) : (
-            <ScrollView className='stadium-list'   
+            <ScrollView className='stadium-list'    refresherBackground="#FAFAFA"
               scrollWithAnimation
               enhanced
               showScrollbar={false}  
diff --git a/src/publish_pages/publishBall/components/SelectStadium/StadiumDetail.tsx b/src/publish_pages/publishBall/components/SelectStadium/StadiumDetail.tsx
index 491920e..d60150c 100644
--- a/src/publish_pages/publishBall/components/SelectStadium/StadiumDetail.tsx
+++ b/src/publish_pages/publishBall/components/SelectStadium/StadiumDetail.tsx
@@ -174,7 +174,7 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
   console.log(stadium,'stadiumstadium');
   return (
     <View className='stadium-detail'>
-      <ScrollView className='stadium-detail-scroll' scrollY={!openPicker}>
+      <ScrollView className='stadium-detail-scroll'  refresherBackground="#FAFAFA"  scrollY={!openPicker}>
         {/* 已选球场 */}
       <View
         className={`stadium-item`}
diff --git a/src/user_pages/myself/index.tsx b/src/user_pages/myself/index.tsx
index 04a2a98..8426909 100644
--- a/src/user_pages/myself/index.tsx
+++ b/src/user_pages/myself/index.tsx
@@ -272,8 +272,8 @@ const MyselfPage: React.FC = () => {
         </View>
 
         {/* 球局列表 */}
-        <View className="game_list_section">
-          <ScrollView scrollY>
+        <View className="game_list_section" >
+          <ScrollView scrollY refresherBackground="#FAFAFA">
             <ListContainer
               data={game_records}
               recommendList={[]}
diff --git a/src/user_pages/other/index.tsx b/src/user_pages/other/index.tsx
index a595836..47926a4 100644
--- a/src/user_pages/other/index.tsx
+++ b/src/user_pages/other/index.tsx
@@ -237,7 +237,7 @@ const OtherUserPage: React.FC = () => {
   // };
 
   return (
-    <ScrollView scrollY className="other_user_page">
+    <ScrollView scrollY className="other_user_page" refresherBackground="#FAFAFA">
       {/* <CustomNavbar>
         <View className="navbar_content">
           <View className="navbar_back" onClick={() => Taro.navigateBack()}>
@@ -294,7 +294,7 @@ const OtherUserPage: React.FC = () => {
 
           {/* 球局列表 */}
           {/* <View className="game_list_section"> */}
-          <ScrollView scrollY>
+          <ScrollView scrollY refresherBackground="#FAFAFA">
             <ListContainer
               data={game_records}
               recommendList={[]}
@@ -337,7 +337,7 @@ const OtherUserPage: React.FC = () => {
 
           {/* 球局列表 */}
           {/* <View className="game_list_section"> */}
-          <ScrollView scrollY>
+          <ScrollView scrollY refresherBackground="#FAFAFA">
             <ListContainer
               data={ended_game_records}
               recommendList={[]}