fix: 修复走查样式问题

src/game_pages/detail/components/OrganizerInfo/index.module.scss

@@ -146,7 +146,7 @@
           gap: 6px;
           flex: 0 0 auto;
           border-radius: 20px;
-          border: 1px solid rgba(33, 178, 0, 0.2);
+          border: 1px solid rgba(255, 255, 255, 0.1);
           background: rgba(255, 255, 255, 0.16);
           padding: 12px 0 12px 15px;
           box-sizing: border-box;
@@ -218,8 +218,8 @@
                 font-size: 11px;
                 font-style: normal;
                 font-weight: 500;
-                line-height: 20px; /* 181.818% */
-                letter-spacing: -0.23px;
+                line-height: 20px;
+                letter-spacing: 1px;
                 display: flex;
                 height: 20px;
                 padding: 6px 8px;
@@ -229,6 +229,17 @@
                 border-radius: 999px;
                 // border: 0.5px solid rgba(0, 0, 0, 0.16);
                 background: rgba(255, 255, 255, 0.12);
+
+                & > .weaktip {
+                  color: rgba(255, 255, 255, 0.25);
+                }
+
+                & > .spearator {
+                  width: 1px;
+                  height: 8px;
+                  border-radius: 99px;
+                  background: rgba(255, 255, 255, 0.25);
+                }
               }
             }
           }

src/game_pages/detail/components/OrganizerInfo/index.tsx

@@ -1,6 +1,7 @@
 import Taro from "@tarojs/taro";
 import dayjs from "dayjs";
 import { View, Text, Image, ScrollView } from "@tarojs/components";
+import classnames from "classnames";
 import { calculateDistance } from "@/utils";
 import { useUserInfo } from "@/store/userStore";
 import * as LoginService from "@/services/loginService";
@@ -43,7 +44,7 @@ function genRecommendGames(games, location, avatar) {
       checkedApplications: current_players,
       levelRequirements:
         skill_level_max !== skill_level_min
-          ? `${skill_level_min || "-"}至${skill_level_max || "-"}`
+          ? `${skill_level_min || "-"}-${skill_level_max || "-"}`
           : skill_level_min === "1"
           ? "无要求"
           : `${skill_level_min}以上`,
@@ -234,16 +235,20 @@ export default function OrganizerInfo(props) {
                       }
                     >
                       <View
-                        className={
+                        className={classnames(
                           styles[
                             "recommend-games-list-item-addon-message-applications"
-                          ]
-                        }
+                          ],
+                          styles.joinMsg
+                        )}
                       >
-                        <Text>
-                          报名人数 {game.checkedApplications}/
-                          {game.applications}
-                        </Text>
+                        <Text>已加入</Text>
+                        <View>
+                          <Text>{game.checkedApplications}</Text>
+                          <Text className={styles.weaktip}>
+                            /{game.applications}
+                          </Text>
+                        </View>
                       </View>
                       <View
                         className={
@@ -253,8 +258,10 @@ export default function OrganizerInfo(props) {
                         }
                       >
                         <Text>{game.levelRequirements}</Text>
+                        <View className={styles.spearator} />
+                        <Text>{game.playType}</Text>
                       </View>
-                      <View
+                      {/* <View
                         className={
                           styles[
                             "recommend-games-list-item-addon-message-play-type"
@@ -262,7 +269,7 @@ export default function OrganizerInfo(props) {
                         }
                       >
                         <Text>{game.playType}</Text>
-                      </View>
+                      </View> */}
                     </View>
                   </View>
                 </View>