From ef4b9d49359881c11108e187c1c6812cadab5c35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9D=B0?= <alecdux@gmail.com>
Date: Tue, 9 Dec 2025 17:10:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Comments/index.module.scss      |  8 ++++++++
 src/components/Comments/index.tsx              |  1 +
 .../components/GameInfo/index.module.scss      | 18 ++++++++++++++++++
 .../components/OrganizerInfo/index.module.scss |  6 ++++++
 .../detail/components/OrganizerInfo/index.tsx  |  7 ++++++-
 .../components/Participants/index.module.scss  |  6 ++++++
 .../detail/components/Participants/index.tsx   |  1 +
 .../detail/components/SharePopup/index.tsx     | 11 ++++++-----
 8 files changed, 52 insertions(+), 6 deletions(-)

diff --git a/src/components/Comments/index.module.scss b/src/components/Comments/index.module.scss
index d99641d..8fa4d84 100644
--- a/src/components/Comments/index.module.scss
+++ b/src/components/Comments/index.module.scss
@@ -84,6 +84,14 @@
         border-radius: 6px;
         cursor: pointer;
         animation: bg-blink var(--dur) infinite steps(10);
+        overflow: scroll;
+        -webkit-overflow-scrolling: auto;
+
+        &::-webkit-scrollbar {
+          width: 0 !important;
+          height: 0 !important;
+          display: none;
+        }
       }
 
       @keyframes bg-blink {
diff --git a/src/components/Comments/index.tsx b/src/components/Comments/index.tsx
index e8eebb1..e4ffc6a 100644
--- a/src/components/Comments/index.tsx
+++ b/src/components/Comments/index.tsx
@@ -212,6 +212,7 @@ function CommentItem(props: {
       )}
       key={comment.id}
       id={`comment_id_${comment.id}`}
+      catchtouchmove
     >
       <View style={{ width: level === 1 ? "36px" : "28px" }}>
         <Image
diff --git a/src/game_pages/detail/components/GameInfo/index.module.scss b/src/game_pages/detail/components/GameInfo/index.module.scss
index f93772b..73f31c9 100644
--- a/src/game_pages/detail/components/GameInfo/index.module.scss
+++ b/src/game_pages/detail/components/GameInfo/index.module.scss
@@ -24,6 +24,7 @@
         align-items: center;
         gap: 4px;
         overflow: scroll;
+        -webkit-overflow-scrolling: auto;
         border: 0.5px solid rgba(255, 255, 255, 0.08);
         background: rgba(255, 255, 255, 0.25);
         color: #fff;
@@ -31,6 +32,11 @@
         flex-shrink: 0;
         font-family: "Quicksand";
         animation: intro 0.3s ease-in forwards;
+        &::-webkit-scrollbar {
+          width: 0 !important;
+          height: 0 !important;
+          display: none;
+        }
 
         @keyframes intro {
           from {
@@ -55,7 +61,13 @@
           border-bottom: 1px solid rgba(255, 255, 255, 0.08);
           background: rgba(255, 255, 255, 0.25);
           overflow: scroll;
+          -webkit-overflow-scrolling: auto;
           font-weight: 600;
+          &::-webkit-scrollbar {
+            width: 0 !important;
+            height: 0 !important;
+            display: none;
+          }
         }
 
         .day {
@@ -158,7 +170,13 @@
         border: 0.5px solid rgba(255, 255, 255, 0.08);
         background: rgba(255, 255, 255, 0.25);
         overflow: scroll;
+        -webkit-overflow-scrolling: auto;
         animation: intro 0.3s ease-in forwards;
+        &::-webkit-scrollbar {
+          width: 0 !important;
+          height: 0 !important;
+          display: none;
+        }
 
         @keyframes intro {
           from {
diff --git a/src/game_pages/detail/components/OrganizerInfo/index.module.scss b/src/game_pages/detail/components/OrganizerInfo/index.module.scss
index 6539c5c..16998a9 100644
--- a/src/game_pages/detail/components/OrganizerInfo/index.module.scss
+++ b/src/game_pages/detail/components/OrganizerInfo/index.module.scss
@@ -159,9 +159,15 @@
           // border: 1px solid rgba(255, 255, 255, 0.1);
           // background: rgba(255, 255, 255, 0.16);
           overflow: scroll;
+          -webkit-overflow-scrolling: auto;
           padding: 12px 0 12px 15px;
           box-sizing: border-box;
           position: relative;
+          &::-webkit-scrollbar {
+            width: 0 !important;
+            height: 0 !important;
+            display: none;
+          }
 
           &::before {
             content: "";
diff --git a/src/game_pages/detail/components/OrganizerInfo/index.tsx b/src/game_pages/detail/components/OrganizerInfo/index.tsx
index 37121c8..276dceb 100644
--- a/src/game_pages/detail/components/OrganizerInfo/index.tsx
+++ b/src/game_pages/detail/components/OrganizerInfo/index.tsx
@@ -181,13 +181,18 @@ export default function OrganizerInfo(props) {
               src={img.ICON_DETAIL_ARROW_RIGHT}
             />
           </View>
-          <ScrollView refresherBackground="#FAFAFA" 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
                   key={index}
                   className={styles["recommend-games-list-item"]}
                   onClick={handleViewGame.bind(null, game.id)}
+                  catchMove
                 >
                   {/* game title */}
                   <View className={styles["recommend-games-list-item-title"]}>
diff --git a/src/game_pages/detail/components/Participants/index.module.scss b/src/game_pages/detail/components/Participants/index.module.scss
index 65a59d6..0da4f50 100644
--- a/src/game_pages/detail/components/Participants/index.module.scss
+++ b/src/game_pages/detail/components/Participants/index.module.scss
@@ -88,7 +88,13 @@
           // background: rgba(255, 255, 255, 0.16);
           flex: 0 0 auto;
           overflow: scroll;
+          -webkit-overflow-scrolling: auto;
           position: relative;
+          &::-webkit-scrollbar {
+            width: 0 !important;
+            height: 0 !important;
+            display: none;
+          }
 
           &::before {
             content: "";
diff --git a/src/game_pages/detail/components/Participants/index.tsx b/src/game_pages/detail/components/Participants/index.tsx
index 64761bb..1369537 100644
--- a/src/game_pages/detail/components/Participants/index.tsx
+++ b/src/game_pages/detail/components/Participants/index.tsx
@@ -360,6 +360,7 @@ export default function Participants(props) {
                     <View
                       key={participant.id}
                       className={styles["participants-list-item"]}
+                      catchMove
                     >
                       <Image
                         className={styles["participants-list-item-avatar"]}
diff --git a/src/game_pages/detail/components/SharePopup/index.tsx b/src/game_pages/detail/components/SharePopup/index.tsx
index 163a406..f175aca 100644
--- a/src/game_pages/detail/components/SharePopup/index.tsx
+++ b/src/game_pages/detail/components/SharePopup/index.tsx
@@ -30,11 +30,11 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {
   // const posterRef = useRef();
   const { max_participants, participant_count } = detail || {};
 
-  useEffect(() => {
-    if (id) {
-      changeMessageType();
-    }
-  }, [id]);
+  // useEffect(() => {
+  //   if (id) {
+  //     changeMessageType();
+  //   }
+  // }, [id]);
 
   async function changeMessageType() {
     try {
@@ -76,6 +76,7 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {
     const endTime = dayjs(end_time);
     const dayofWeek = DayOfWeekMap.get(startTime.day());
     const gameLength = `${endTime.diff(startTime, "hour")}小时`;
+    await changeMessageType();
     const url = await generateShareImage({
       userAvatar: userInfo.avatar_url,
       userNickname: userInfo.nickname,