Merge branch 'feat/liujie'

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 {

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

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 {

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: "";

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"]}>

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: "";

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"]}

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(() => {
+  // useEffect(() => {
-    if (id) {
+  //   if (id) {
-      changeMessageType();
+  //     changeMessageType();
-    }
+  //   }
-  }, [id]);
+  // }, [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,