数据为空时允许展示banner

优化ntrp和性别picker偶尔选不上值
1
2026-02-11 23:13:49 +08:00 · 2026-02-10 18:00:26 +08:00 · 2026-02-10 12:42:42 +08:00 · 2026-02-10 11:46:39 +08:00 · 2026-02-09 22:03:59 +08:00 · 2026-02-09 22:03:09 +08:00
42 changed files with 1349 additions and 911 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -8,4 +8,6 @@ node_modules/
 src/config/env.ts
 .vscode
 *.http
+.cursor
+.codewiz

--- a/config/dev.ts
+++ b/config/dev.ts
@@ -4,7 +4,11 @@ export default {
    quiet: false,
    stats: true
  },
-  mini: {},
+  mini: {
+    webpackChain(chain) {
+      chain.devtool('source-map')
+    }
+  },
  h5: {},
  // 添加这个配置来显示完整错误信息
  compiler: {
--- a/config/env.config.ts
+++ b/config/env.config.ts
@@ -22,7 +22,7 @@ export interface EnvConfig {

 const baseConfig = {
  apiBaseURL: "https://tennis.bimwe.com",
-  ossBaseURL: "https://bimwe-oss.oss-cn-shanghai.aliyuncs.com",
+  ossBaseURL: "https://bimwe.oss-cn-shanghai.aliyuncs.com",
  appid: "wx815b533167eb7b53", // 测试号
  timeout: 15000,
  enableLog: true,
--- a/config/env.ts
+++ b/config/env.ts
@@ -0,0 +1,128 @@
+import Taro from '@tarojs/taro'
+
+// 环境类型
+export type EnvType = 'development' | 'production'
+
+// 环境配置接口
+export interface EnvConfig {
+  name: string
+  apiBaseURL: string
+  timeout: number
+  enableLog: boolean
+  enableMock: boolean
+  // 客服配置
+  customerService: {
+    corpId: string
+    serviceUrl: string
+    phoneNumber?: string
+    email?: string
+  }
+}
+
+// 各环境配置
+const envConfigs: Record<EnvType, EnvConfig> = {
+
+
+  // 开发环境
+  development: {
+    name: '开发环境',
+    // apiBaseURL: 'https://tennis.bimwe.com',
+    apiBaseURL: 'http://localhost:9098',
+    timeout: 15000,
+    enableLog: true,
+    enableMock: false,
+    // 客服配置
+    customerService: {
+      corpId: 'ww51fc969e8b76af82', // 企业ID
+      serviceUrl: 'https://work.weixin.qq.com/kfid/kfc64085b93243c5c91',
+
+    }
+  },
+  
+
+
+  // 生产环境1
+  // production: {
+  //   name: '生产环境1',
+  //   apiBaseURL: 'https://tennis.bimwe.com',
+  //   timeout: 10000,
+  //   enableLog: false,
+  //   enableMock: false,
+  //   // 客服配置
+  //   customerService: {
+  //     corpId: 'ww51fc969e8b76af82', // 企业ID
+  //     serviceUrl: 'https://work.weixin.qq.com/kfid/kfc64085b93243c5c91',
+
+  //   }
+  // },
+
+  // 生产环境2
+  production: {
+    name: '生产环境2',
+    apiBaseURL: 'https://youchang.qiongjingtiyu.com',
+    timeout: 10000,
+    enableLog: false,
+    enableMock: false,
+    // 客服配置
+    customerService: {
+      corpId: 'ww9a2d9a5d9410c664', // 企业ID
+      serviceUrl: 'https://work.weixin.qq.com/kfid/kfcd355e162e0390684',
+
+    }
+  }
+}
+
+// 获取当前环境
+export const getCurrentEnv = (): EnvType => {
+  // 在小程序环境中，使用默认逻辑判断环境
+  // 可以根据实际需要配置不同的判断逻辑
+
+  // 可以根据实际部署情况添加更多判断逻辑
+  // 比如通过 Taro.getEnv() 获取当前平台环境
+
+  const isProd = process.env.NODE_ENV === 'production'
+  if (isProd) {
+    return 'production'
+  } else {
+    return 'development'
+  }
+}
+
+// 获取当前环境配置
+export const getCurrentConfig = (): EnvConfig => {
+  const env = getCurrentEnv()
+  return envConfigs[env]
+}
+
+// 获取指定环境配置
+export const getEnvConfig = (env: EnvType): EnvConfig => {
+  return envConfigs[env]
+}
+
+// 是否为开发环境
+export const isDevelopment = (): boolean => {
+  return getCurrentEnv() === 'development'
+}
+
+// 是否为生产环境
+export const isProduction = (): boolean => {
+  return getCurrentEnv() === 'production'
+}
+
+
+
+// 环境配置调试信息
+export const getEnvInfo = () => {
+  const config = getCurrentConfig()
+  return {
+    env: getCurrentEnv(),
+    config,
+    taroEnv: Taro.getEnv(),
+    platform: Taro.getEnv() === Taro.ENV_TYPE.WEAPP ? '微信小程序' :
+      Taro.getEnv() === Taro.ENV_TYPE.WEB ? 'Web' :
+        Taro.getEnv() === Taro.ENV_TYPE.RN ? 'React Native' : '未知'
+  }
+}
+
+// 导出当前环境配置（方便直接使用）
+export default getCurrentConfig()
--- a/package.json
+++ b/package.json
@@ -16,8 +16,8 @@
    "dev:weapp:dev_local": "node scripts/sync-project-config.js dev_local && taro build --type weapp --mode dev_local --watch",
    "build": "npm run build:weapp",
    "build:weapp": "node scripts/sync-project-config.js pr && taro build --type weapp --mode pr",
-    "build:weapp:sit": "node scripts/sync-project-config.js sit && taro build --type weapp --mode sit",
-    "build:weapp:pr": "node scripts/sync-project-config.js pr && taro build --type weapp --mode pr",
+    "build:sit": "node scripts/sync-project-config.js sit && taro build --type weapp --mode sit",
+    "build:pr": "node scripts/sync-project-config.js pr && taro build --type weapp --mode pr",
    "dev:h5": "npm run build:h5 -- --watch"
  },
  "browserslist": ["last 3 versions", "Android >= 4.1", "ios >= 8"],
--- a/src/components/CommonPopup/index.module.scss
+++ b/src/components/CommonPopup/index.module.scss
@@ -3,6 +3,12 @@
 .common-popup {
  position: fixed;
  z-index: 9999 !important;
+  padding: 0;
+  box-sizing: border-box;
+  max-height: calc(100vh - 10px);
+  display: flex;
+  flex-direction: column;
+  background-color: theme.$page-background-color;
  &:global(.nut-popup-bottom.nut-popup-round) {
    border-radius: 20px 20px 0 0 !important;
  }
@@ -32,12 +38,7 @@
    }
  }

-  padding: 0;
-  box-sizing: border-box;
-  max-height: calc(100vh - 10px);
-  display: flex;
-  flex-direction: column;
-  background-color: theme.$page-background-color;
+  

  // .common-popup__header {
  //   padding: 12px 16px;
--- a/src/components/CustomPopup/CustomPopup.tsx
+++ b/src/components/CustomPopup/CustomPopup.tsx
@@ -48,7 +48,14 @@ const CustomPopup: React.FC<CustomPopupProps> = ({
  const touchStartY = useRef(0)

  // 使用全局键盘状态
-  const { keyboardHeight, isKeyboardVisible, addListener, initializeKeyboardListener } = useKeyboardHeight()
+  const { keyboardHeight, isKeyboardVisible, addListener, initializeKeyboardListener, setKeyboardVisible } = useKeyboardHeight()
+
+  // 当弹窗显示时，设置键盘为不可见
+  useEffect(() => {
+    if (visible) {
+      setKeyboardVisible(false)
+    }
+  }, [visible, setKeyboardVisible])

  // 使用全局键盘状态监听
  useEffect(() => {
--- a/src/components/GameManagePopup/index.module.scss
+++ b/src/components/GameManagePopup/index.module.scss
@@ -13,7 +13,9 @@
    align-items: center;
    color: #000;
    text-align: center;
-    font-feature-settings: 'liga' off, 'clig' off;
+    font-feature-settings:
+      "liga" off,
+      "clig" off;
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
@@ -32,7 +34,9 @@
    padding-top: 24px;
    color: #000;
    text-align: center;
-    font-feature-settings: 'liga' off, 'clig' off;
+    font-feature-settings:
+      "liga" off,
+      "clig" off;
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
@@ -48,8 +52,10 @@
    align-items: center;

    .tips {
-      color: rgba(60, 60, 67, 0.60);
-      font-feature-settings: 'liga' off, 'clig' off;
+      color: rgba(60, 60, 67, 0.6);
+      font-feature-settings:
+        "liga" off,
+        "clig" off;
      font-family: "PingFang SC";
      font-size: 16px;
      font-style: normal;
@@ -62,13 +68,15 @@
      margin-top: 8px;
      padding: 8px;
      border-radius: 4px;
-      background: #F0F0F0;
+      background: #f0f0f0;

      .input {
        width: 100%;
        &:placeholder-shown {
-          color: rgba(60, 60, 67, 0.30);
-          font-feature-settings: 'liga' off, 'clig' off;
+          color: rgba(60, 60, 67, 0.3);
+          font-feature-settings:
+            "liga" off,
+            "clig" off;
          font-family: "PingFang SC";
          font-size: 14px;
          font-style: normal;
@@ -84,11 +92,12 @@
    justify-content: space-between;
    align-items: center;
    height: 44px;
-    border-top: 0.5px solid #CECECE;
-    background: #FFF;
+    border-top: 0.5px solid #cecece;
+    background: #fff;
    margin-top: 2px;

-    .confirm, .cancel {
+    .confirm,
+    .cancel {
      width: 50%;
      height: 44px;
      display: flex;
@@ -96,7 +105,9 @@
      align-items: center;
      color: #000;
      text-align: center;
-      font-feature-settings: 'liga' off, 'clig' off;
+      font-feature-settings:
+        "liga" off,
+        "clig" off;
      font-family: "PingFang SC";
      font-size: 16px;
      font-style: normal;
@@ -109,4 +120,4 @@
      }
    }
  }
-}
+}
--- a/src/components/GameManagePopup/index.tsx
+++ b/src/components/GameManagePopup/index.tsx
@@ -186,10 +186,11 @@ export default forwardRef(function GameManagePopup(props, ref) {
    .some((item) => item.user.id === userInfo.id);

  const finished = [MATCH_STATUS.FINISHED, MATCH_STATUS.CANCELED].includes(
-    detail.match_status
+    detail.match_status,
  );

-  const inTwoHours = dayjs(detail.start_time).diff(dayjs(), "hour") < 2;
+  // const inTwoHours = dayjs(detail.start_time).diff(dayjs(), "hour") < 2;
+  const beforeStart = dayjs(detail.start_time).isAfter(dayjs());

  const hasOtherParticiappants = (detail.participants || [])
    .filter((item) => item.status === "joined")
@@ -207,7 +208,7 @@ export default forwardRef(function GameManagePopup(props, ref) {
        style={{ minHeight: "unset" }}
      >
        <View className={styles.container}>
-          {!inTwoHours && !hasOtherParticiappants && (
+          {!finished && !hasOtherParticiappants && beforeStart && (
            <View className={styles.button} onClick={handleEditGame}>
              编辑活动
            </View>
@@ -217,12 +218,12 @@ export default forwardRef(function GameManagePopup(props, ref) {
              重新发布
            </View>
          )}
-          {!inTwoHours && !hasOtherParticiappants && (
+          {!finished && beforeStart && (
            <View className={styles.button} onClick={handleCancelGame}>
              取消活动
            </View>
          )}
-          {hasJoin && (
+          {!finished && beforeStart && hasJoin && (
            <View className={styles.button} onClick={handleQuitGame}>
              退出活动
            </View>
--- a/src/components/GamePlayType/index.tsx
+++ b/src/components/GamePlayType/index.tsx
@@ -15,7 +15,7 @@ const GamePlayType = (props: IProps) => {
  const { name, onChange, value, options } = props;
  return (
    <View className={styles.gamePlayWrapper}>
-      <TitleComponent title="玩法" icon={<Image src={img.ICON_SITE} />} />
+      <TitleComponent title="玩法" icon={<Image src={img.ICON_GAME_PLAY} />} />
      <Bubble
        options={options}
        value={value}
--- a/src/components/ListCard/index.tsx
+++ b/src/components/ListCard/index.tsx
@@ -5,8 +5,9 @@ import img from "../../config/images";
 import { ListCardProps } from "../../../types/list/types";
 import { formatGameTime, calculateDuration } from "@/utils/timeUtils";
 import { navigateTo } from "@/utils/navigation";
-import images from '@/config/images'
+import images from "@/config/images";
 import "./index.scss";
+import { OSS_BASE } from "@/config/api";

 const ListCard: React.FC<ListCardProps> = ({
  id,
@@ -45,7 +46,7 @@ const ListCard: React.FC<ListCardProps> = ({
        className="image"
        mode="aspectFill"
        lazyLoad
-        defaultSource={require("@/static/emptyStatus/publish-empty-card.png")}
+        defaultSource={`${OSS_BASE}/front/ball/images/publish-empty-card.svg`}
      />
    );
  };
@@ -67,7 +68,9 @@ const ListCard: React.FC<ListCardProps> = ({
    const containerWidthPx = screenWidth - 130;

    // 计算固定信息宽度
-    const extraInfo = `${court_type ? `・${court_type}` : ''}${distance_km ? `・${distance_km}km` : ''}`;
+    const extraInfo = `${court_type ? `・${court_type}` : ""}${
+      distance_km ? `・${distance_km}km` : ""
+    }`;

    // 估算字符宽度（基于 12px 字体）
    const getTextWidth = (text: string) => {
@@ -98,7 +101,9 @@ const ListCard: React.FC<ListCardProps> = ({
    let currentWidth = 0;
    for (let i = 0; i < location.length; i++) {
      const char = location[i];
-      const charWidth = /[\u4e00-\u9fa5\u3000-\u303f\uff00-\uffef]/.test(char) ? 12 : 6;
+      const charWidth = /[\u4e00-\u9fa5\u3000-\u303f\uff00-\uffef]/.test(char)
+        ? 12
+        : 6;
      if (currentWidth + charWidth > availableWidth) {
        break;
      }
@@ -106,7 +111,7 @@ const ListCard: React.FC<ListCardProps> = ({
      maxChars++;
    }

-    return location.slice(0, maxChars) + '...';
+    return location.slice(0, maxChars) + "...";
  }, [location, court_type, distance_km]);

  // 根据图片数量决定展示样式
@@ -127,10 +132,10 @@ const ListCard: React.FC<ListCardProps> = ({
      return (
        <View className="double-image">
          <View className="image-container">
-            {renderItemImage(image_list?.[0])}
+            {renderItemImage(image_list?.[1])}
          </View>
          <View className="image-container">
-            {renderItemImage(image_list?.[1])}
+            {renderItemImage(image_list?.[0])}
          </View>
        </View>
      );
@@ -220,9 +225,10 @@ const ListCard: React.FC<ListCardProps> = ({
                </Text>
              </View>
              <View className="tag ntprTag">
-                <Image src={images.ICON_LIST_NTPR} className='ntprIcon' />
+                <Image src={images.ICON_LIST_NTPR} className="ntprIcon" />
                <Text className="tag-text">
-                  {Number(skill_level_min)?.toFixed(1)} - {Number(skill_level_max)?.toFixed(1)}
+                  {Number(skill_level_min)?.toFixed(1)} -{" "}
+                  {Number(skill_level_max)?.toFixed(1)}
                </Text>
                {/* 分割线 */}
                <View className="typeLine" />
@@ -251,22 +257,16 @@ const ListCard: React.FC<ListCardProps> = ({
            />
            {/* <Text className="smoothTitle">{game_type}</Text> */}
          </View>
-          {
-            venue_description && (<View className="line" />)
-          }
-          {
-            venue_description &&
-            (
-
-              <View className="localAreaContainer">
-                <View className="localAreaTitle">场馆方:</View>
-                <View className="localAreaWrapper">
-                  <Image className="localArea" src={venueImage} />
-                  <Text className="localAreaText">{venue_description}</Text>
-                </View>
+          {venue_description && <View className="line" />}
+          {venue_description && (
+            <View className="localAreaContainer">
+              <View className="localAreaTitle">场馆方:</View>
+              <View className="localAreaWrapper">
+                <Image className="localArea" src={venueImage} />
+                <Text className="localAreaText">{venue_description}</Text>
              </View>
-            )
-          }
+            </View>
+          )}
        </View>
      )}
    </View>
--- a/src/components/ListLoadError/index.tsx
+++ b/src/components/ListLoadError/index.tsx
@@ -24,7 +24,6 @@ const ListLoadError = (props: IProps) => {
    wrapperHeight = "",
    width = "",
    height = "",
-    scale = "",
  } = props;
  const handleReload = () => {
    reload && typeof reload === "function" && reload();
@@ -34,7 +33,7 @@ const ListLoadError = (props: IProps) => {
    <View className={styles.listLoadError} style={{ height: wrapperHeight }}>
      <Image
        className={styles.listLoadErrorImg}
-        style={{ width, height, transform: `scale(${scale})` }}
+        style={{ width, height }}
        src={errorImg ? img[errorImg] : img.ICON_LIST_LOAD_ERROR}
      />
      {text && <Text className={styles.listLoadErrorText}>{text}</Text>}
--- a/src/components/Picker/PopupPicker.tsx
+++ b/src/components/Picker/PopupPicker.tsx
@@ -52,7 +52,7 @@ const PopupPicker = ({
  ntrpTested,
 }: PickerProps) => {
  const [defaultValue, setDefaultValue] = useState<(string | number)[]>([]);
-  const [defaultOptions, setDefaultOptions] = useState<PickerOption[][]>([]);
+  const [defaultOptions, setDefaultOptions] = useState<PickerOption[][]>([...options]);
  const [pickerCurrentValue, setPickerCurrentValue] =
    useState<(string | number)[]>(value);

--- a/src/components/Radar/indexV2.tsx
+++ b/src/components/Radar/indexV2.tsx
--- a/src/components/UserInfo/index.tsx
+++ b/src/components/UserInfo/index.tsx
@@ -6,7 +6,12 @@ import "./index.scss";
 import { EditModal } from "@/components";
 import { UserService, PickerOption } from "@/services/userService";
 import { PopupPicker } from "@/components/Picker/index";
-import { useUserActions, useNicknameChangeStatus, useLastTestResult } from "@/store/userStore";
+import {
+  useUserActions,
+  useNicknameChangeStatus,
+  useLastTestResult,
+  useUserInfo,
+} from "@/store/userStore";
 import { UserInfoType } from "@/services/userService";
 import {
  useCities,
@@ -69,7 +74,6 @@ const on_edit = () => {
 // 用户信息卡片组件
 const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
  editable = true,
-  user_info,
  is_current_user,
  is_following = false,
  collapseProfile,
@@ -80,9 +84,12 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
  set_user_info,
  onTab,
 }) => {
+
+  const user_info = useUserInfo();
  const nickname_change_status = useNicknameChangeStatus();
  const { setShowGuideBar } = useGlobalState();
-  const { updateUserInfo, updateNickname, fetchLastTestResult } = useUserActions();
+  const { updateUserInfo, updateNickname, fetchLastTestResult } =
+    useUserActions();
  const ntrpLevels = useNtrpLevels();
  // 使用全局状态中的测试结果，避免重复调用接口
  const lastTestResult = useLastTestResult();
@@ -117,11 +124,15 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
    useState(false);

  // 表单状态
-  const [form_data, set_form_data] = useState<Partial<UserInfoType>>({});
+  const [form_data, set_form_data] = useState<Partial<UserInfoType>>({ ...user_info });

-  useDidShow(() => {
+  // useDidShow(() => {
+  //   set_form_data({ ...user_info });
+  // });
+
+  useEffect(() => {
    set_form_data({ ...user_info });
-  });
+  }, [user_info])

  useEffect(() => {
    const visibles = [
@@ -129,6 +140,7 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
      location_picker_visible,
      ntrp_picker_visible,
      occupation_picker_visible,
+      edit_modal_visible,
    ];
    const allPickersClosed = visibles.every((item) => !item);
    // 所有选择器都关闭时，显示 GuideBar；否则隐藏
@@ -138,6 +150,7 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
    location_picker_visible,
    ntrp_picker_visible,
    occupation_picker_visible,
+    edit_modal_visible,
  ]);

  // 职业数据
@@ -295,8 +308,8 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({

  // 处理地区选择
  const handle_location_change = (e: any) => {
-    const [country, province, city] = e;
-    handle_field_edit({ country, province, city });
+    const [province, city, district] = e;
+    handle_field_edit({ province, city, district });
  };

  // 处理NTRP水平选择
@@ -307,8 +320,8 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({

  // 处理职业选择
  const handle_occupation_change = (e: any) => {
-    const [country, province, city] = e;
-    handle_field_edit("occupation", `${country} ${province} ${city}`);
+    const [firstVal, secondVal, thirdVal] = e;
+    handle_field_edit("occupation", `${firstVal} ${secondVal} ${thirdVal}`);
  };
  const handle_edit_modal_cancel = () => {
    // 关闭编辑弹窗时显示 GuideBar
@@ -365,7 +378,6 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
      urls: [url],
    });
  };
-
  return (
    <View className="user_info_card">
      {/* 头像和基本信息 */}
@@ -406,11 +418,11 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
      <View className="stats_section">
        <View
          className="stats_container"
-          // style={{
-          //   marginBottom: `${
-          //     collapseProfile && setMarginBottom ? "16px" : "unset"
-          //   }`,
-          // }}
+        // style={{
+        //   marginBottom: `${
+        //     collapseProfile && setMarginBottom ? "16px" : "unset"
+        //   }`,
+        // }}
        >
          <View
            className="stat_item clickable"
@@ -565,12 +577,12 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
                <Text>选择职业</Text>
              </View>
            ) : null}
-            {user_info.country || user_info.province || user_info.city ? (
+            {user_info.province || user_info.city || user_info.district ? (
              <View
                className="tag_item"
                onClick={() => editable && handle_open_edit_modal("location")}
              >
-                <Text className="tag_text">{`${user_info.province}${user_info.city}`}</Text>
+                <Text className="tag_text">{`${user_info.city}${user_info.district}`}</Text>
              </View>
            ) : is_current_user ? (
              <View
@@ -643,16 +655,16 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
        <PopupPicker
          showHeader={true}
          title="选择性别"
-          options={[
+          options={
            [
              { text: "男", value: "0" },
              { text: "女", value: "1" },
              { text: "保密", value: "2" },
-            ],
-          ]}
+            ]
+          }
          visible={gender_picker_visible}
          setvisible={setGenderPickerVisible}
-          value={form_data.gender === "" ? ["0"] : [form_data.gender]}
+          value={!form_data.gender ? ["0"] : [form_data.gender]}
          onChange={handle_gender_change}
        />
      )}
@@ -665,8 +677,8 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
          visible={location_picker_visible}
          setvisible={setLocationPickerVisible}
          value={
-            form_data.country
-              ? [form_data.country, form_data.province, form_data.city]
+            form_data.province
+              ? [form_data.province, form_data.city, form_data.district]
              : getDefaultOption(cities)
          }
          onChange={handle_location_change}
@@ -678,15 +690,12 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
          showHeader={true}
          title="选择 NTRP 自评水平"
          ntrpTested={ntrpTested}
-          options={ntrpLevels.map((level) => ({
-            text: level,
-            value: level,
-          }))}
+          options={ntrpLevels}
          type="ntrp"
          img={user_info.avatar_url || ""}
          visible={ntrp_picker_visible}
          setvisible={setNtrpPickerVisible}
-          value={[form_data.ntrp_level || "2.5"]}
+          value={!form_data.ntrp_level ? ["2.5"] : [form_data.ntrp_level]}
          onChange={handle_ntrp_level_change}
        />
      )}
@@ -864,9 +873,8 @@ export const GameTabs: React.FC<GameTabsProps> = ({
          <Text className="tab_text">{hosted_text}</Text>
        </View>
        <View
-          className={`tab_item ${
-            active_tab === "participated" ? "active" : ""
-          }`}
+          className={`tab_item ${active_tab === "participated" ? "active" : ""
+            }`}
          onClick={() => on_tab_change("participated")}
        >
          <Text className="tab_text">{participated_text}</Text>
--- a/src/config/images.js
+++ b/src/config/images.js
@@ -1,74 +1,76 @@
+import { OSS_BASE } from "@/config/api";
 export default {
-    ICON_REMOVE: require('@/static/publishBall/icon-remove.svg'),
-    ICON_UPLOAD: require('@/static/publishBall/icon-upload.svg'),
-    ICON_LOCATION: require('@/static/publishBall/icon-location.svg'),
-    ICON_GAMEPLAY: require('@/static/publishBall/icon-gameplay.svg'),
-    ICON_PERSONAL: require('@/static/publishBall/icon-personal.svg'),
-    ICON_CHANGDA: require('@/static/publishBall/icon-changda.svg'),
-    ICON_COST: require('@/static/publishBall/icon-cost.svg'),
-    ICON_TIPS: require('@/static/publishBall/icon-tips.svg'),
-    ICON_ARROW_RIGHT: require('@/static/publishBall/icon-arrow-right.svg'),
-    ICON_FILTER: require('@/static/list/icon-filter.svg'),
-    ICON_FILTER_SELECTED: require('@/static/list/icon-filter-selected.svg'),
-    ICON_SEARCH: require('@/static/list/icon-search.svg'),
-    ICON_PLAY: require('@/static/list/icon-play.svg'),
-    ICON_SITE: require('@/static/list/icon-site.svg'),
-    ICON_ARROW_DOWN: require('@/static/list/icon-arrow-down.svg'),
-    ICON_MENU_ITEM_SELECTED: require('@/static/list/icon-menu-item-selected.svg'),
-    ICON_ARROW_DOWN_WHITE: require('@/static/list/icon-arrow-down-white.svg'),
-    ICON_LIST_RIGHT_ARROW: require('@/static/list/icon-list-right-arrow.svg'),
-    ICON_ARROW_LEFT: require('@/static/detail/icon-arrow-left.svg'),
-    ICON_LOGO_GO: require('@/static/detail/icon-logo-go.svg'),
-    ICON_MAP: require('@/static/publishBall/icon-map.svg'),
-    ICON_STADIUM: require('@/static/publishBall/icon-stadium.svg'),
-    ICON_ARRORW_SMALL: require('@/static/publishBall/icon-arrow-small.svg'),
-    ICON_MAP_SEARCH: require('@/static/publishBall/icon-map-search.svg'),
-    ICON_HEART_CIRCLE: require('@/static/publishBall/icon-heartcircle.png'),
-    ICON_ADD: require('@/static/publishBall/icon-add.svg'),
-    ICON_COPY: require('@/static/publishBall/icon-arrow-right.svg'),
-    ICON_DELETE: require('@/static/publishBall/icon-delete.svg'),
-    ICON_RIGHT_MAX: require('@/static/publishBall/icon-right-max.svg'),
-    ICON_PLUS: require('@/static/publishBall/icon-plus.svg'),
-    ICON_GROUP: require('@/static/publishBall/icon-group.svg'),
-    ICON_PERSON: require('@/static/publishBall/icon-person.svg'),
-    ICON_PUBLISH: require('@/static/publishBall/icon-publish.png'),
-    ICON_CIRCLE_UNSELECT: require('@/static/publishBall/icon-circle-unselect.svg'),
-    ICON_CIRCLE_SELECT: require('@/static/publishBall/icon-circle-select-ring.svg'),
-    ICON_CIRCLE_SELECT_ARROW: require('@/static/publishBall/icon-circle-select-arrow.svg'),
-    ICON_LOGO: require('@/static/logo.svg'),
-    ICON_CHANGE: require('@/static/list/icon-change.svg'),
-    ICON_DETAIL_MAP: require('@/static/detail/icon-map.svg'),
-    ICON_DETAIL_ARROW_RIGHT: require('@/static/detail/icon-arrow-right.svg'),
-    ICON_DETAIL_NOTICE: require('@/static/detail/icon-notice.svg'),
-    ICON_DETAIL_APPLICATION_ADD: require('@/static/detail/icon-application-add.svg'),
-    ICON_DETAIL_COMMENT: require('@/static/detail/icon-comment.svg'),
-    ICON_DETAIL_COMMENT_LIGHT: require('@/static/detail/icon-comment-light.svg'),
-    ICON_DETAIL_SHARE: require('@/static/detail/icon-share-light.svg'),
-    ICON_GUIDE_BAR_PUBLISH: require('@/static/common/guide-bar-publish.svg'),
-    ICON_NAVIGATOR_BACK: require('@/static/common/navigator-back.svg'),
-    ICON_LIST_PLAYING_GAME: require('@/static/list/icon-paying-game.svg'),
-    ICON_LIST_LOAD_ERROR: require('@/static/list/icon-load-error.svg'),
-    ICON_LIST_RELOAD: require('@/static/list/icon-reload.svg'),
-    ICON_LIST_EMPTY: require('@/static/emptyStatus/publish-empty.png'),
-    ICON_LIST_EMPTY_CARD: require('@/static/emptyStatus/publish-empty-card.png'),
-    ICON_LIST_SEARCH_SEARCH: require('@/static/search/icon-search.svg'),
-    ICON_LIST_SEARCH_BACK: require('@/static/search/icon-back.svg'),
-    ICON_LIST_SEARCH_CLEAR: require('@/static/search/icon-search-clear.svg'),
-    ICON_LIST_SEARCH_CLEAR_HISTORY: require('@/static/search/icon-clear-history.svg'),
-    ICON_LIST_SEARCH_SUGGESTION: require('@/static/search/icon-search-suggestion.svg'),
-    ICON_LIST_INPUT_LOGO: require('@/static/list/icon-input-logo.svg'),
-    ICON_IMPORTANT_BTN: require('@/static/publishBall/icon-important-btn.svg'),
-    ICON_IMPORTANT_BLACK: require('@/static/publishBall/icon-important-black.svg'),
-    ICON_ARROW_RIGHT_WHITE: require('@/static/publishBall/icon-arrow-right-white.svg'),
-    ICON_ARROW_RIGHT_BLACK: require('@/static/publishBall/icon-arrow-right-black.svg'),
-    ICON_EXAMINATION: require('@/static/userInfo/examination.svg'),
-    ICON_ARROW_GREEN: require('@/static/userInfo/arrow-green.svg'),
-    ICON_COPY: require('@/static/publishBall/icon-copy.svg'),
-    ICON_UPLOAD_IMG: require('@/static/publishBall/icon-upload-img.svg'),
-    ICON_UPLOAD_SUCCESS: require('@/static/publishBall/icon-upload-success.svg'),
-    ICON_CLOSE: require('@/static/publishBall/icon-close.svg'),
-    ICON_LIST_NTPR: require('@/static/list/ntpr.svg'),
-    ICON_LIST_CHANGDA: require('@/static/list/icon-changda.svg'),
-    ICON_LIST_CHANGDA_QIuju: require('@/static/list/changdaqiuju.png'),
-    ICON_RELOCATE: require('@/static/list/icon-relocate.svg'),
-  }
+  ICON_REMOVE: require("@/static/publishBall/icon-remove.svg"),
+  ICON_UPLOAD: require("@/static/publishBall/icon-upload.svg"),
+  ICON_LOCATION: require("@/static/publishBall/icon-location.svg"),
+  ICON_GAMEPLAY: require("@/static/publishBall/icon-gameplay.svg"),
+  ICON_PERSONAL: require("@/static/publishBall/icon-personal.svg"),
+  ICON_CHANGDA: require("@/static/publishBall/icon-changda.svg"),
+  ICON_COST: require("@/static/publishBall/icon-cost.svg"),
+  ICON_TIPS: require("@/static/publishBall/icon-tips.svg"),
+  ICON_ARROW_RIGHT: require("@/static/publishBall/icon-arrow-right.svg"),
+  ICON_FILTER: require("@/static/list/icon-filter.svg"),
+  ICON_FILTER_SELECTED: require("@/static/list/icon-filter-selected.svg"),
+  ICON_SEARCH: require("@/static/list/icon-search.svg"),
+  ICON_PLAY: require("@/static/list/icon-play.svg"),
+  ICON_SITE: require("@/static/list/icon-site.svg"),
+  ICON_ARROW_DOWN: require("@/static/list/icon-arrow-down.svg"),
+  ICON_MENU_ITEM_SELECTED: require("@/static/list/icon-menu-item-selected.svg"),
+  ICON_ARROW_DOWN_WHITE: require("@/static/list/icon-arrow-down-white.svg"),
+  ICON_LIST_RIGHT_ARROW: require("@/static/list/icon-list-right-arrow.svg"),
+  ICON_ARROW_LEFT: require("@/static/detail/icon-arrow-left.svg"),
+  ICON_LOGO_GO: require("@/static/detail/icon-logo-go.svg"),
+  ICON_MAP: require("@/static/publishBall/icon-map.svg"),
+  ICON_STADIUM: require("@/static/publishBall/icon-stadium.svg"),
+  ICON_ARRORW_SMALL: require("@/static/publishBall/icon-arrow-small.svg"),
+  ICON_MAP_SEARCH: require("@/static/publishBall/icon-map-search.svg"),
+  ICON_HEART_CIRCLE: require("@/static/publishBall/icon-heartcircle.png"),
+  ICON_ADD: require("@/static/publishBall/icon-add.svg"),
+  ICON_COPY: require("@/static/publishBall/icon-arrow-right.svg"),
+  ICON_DELETE: require("@/static/publishBall/icon-delete.svg"),
+  ICON_RIGHT_MAX: require("@/static/publishBall/icon-right-max.svg"),
+  ICON_PLUS: require("@/static/publishBall/icon-plus.svg"),
+  ICON_GROUP: require("@/static/publishBall/icon-group.svg"),
+  ICON_PERSON: require("@/static/publishBall/icon-person.svg"),
+  ICON_PUBLISH: require("@/static/publishBall/icon-publish.png"),
+  ICON_CIRCLE_UNSELECT: require("@/static/publishBall/icon-circle-unselect.svg"),
+  ICON_CIRCLE_SELECT: require("@/static/publishBall/icon-circle-select-ring.svg"),
+  ICON_CIRCLE_SELECT_ARROW: require("@/static/publishBall/icon-circle-select-arrow.svg"),
+  ICON_LOGO: require("@/static/logo.svg"),
+  ICON_CHANGE: require("@/static/list/icon-change.svg"),
+  ICON_DETAIL_MAP: require("@/static/detail/icon-map.svg"),
+  ICON_DETAIL_ARROW_RIGHT: require("@/static/detail/icon-arrow-right.svg"),
+  ICON_DETAIL_NOTICE: require("@/static/detail/icon-notice.svg"),
+  ICON_DETAIL_APPLICATION_ADD: require("@/static/detail/icon-application-add.svg"),
+  ICON_DETAIL_COMMENT: require("@/static/detail/icon-comment.svg"),
+  ICON_DETAIL_COMMENT_LIGHT: require("@/static/detail/icon-comment-light.svg"),
+  ICON_DETAIL_SHARE: require("@/static/detail/icon-share-light.svg"),
+  ICON_GUIDE_BAR_PUBLISH: require("@/static/common/guide-bar-publish.svg"),
+  ICON_NAVIGATOR_BACK: require("@/static/common/navigator-back.svg"),
+  ICON_LIST_PLAYING_GAME: require("@/static/list/icon-paying-game.svg"),
+  ICON_LIST_LOAD_ERROR: require("@/static/list/icon-load-error.svg"),
+  ICON_LIST_RELOAD: require("@/static/list/icon-reload.svg"),
+  ICON_LIST_EMPTY: require("@/static/emptyStatus/publish-empty.png"),
+  ICON_LIST_EMPTY_CARD: `${OSS_BASE}/front/ball/images/publish-empty-card.svg`,
+  ICON_LIST_SEARCH_SEARCH: require("@/static/search/icon-search.svg"),
+  ICON_LIST_SEARCH_BACK: require("@/static/search/icon-back.svg"),
+  ICON_LIST_SEARCH_CLEAR: require("@/static/search/icon-search-clear.svg"),
+  ICON_LIST_SEARCH_CLEAR_HISTORY: require("@/static/search/icon-clear-history.svg"),
+  ICON_LIST_SEARCH_SUGGESTION: require("@/static/search/icon-search-suggestion.svg"),
+  ICON_LIST_INPUT_LOGO: require("@/static/list/icon-input-logo.svg"),
+  ICON_IMPORTANT_BTN: require("@/static/publishBall/icon-important-btn.svg"),
+  ICON_IMPORTANT_BLACK: require("@/static/publishBall/icon-important-black.svg"),
+  ICON_ARROW_RIGHT_WHITE: require("@/static/publishBall/icon-arrow-right-white.svg"),
+  ICON_ARROW_RIGHT_BLACK: require("@/static/publishBall/icon-arrow-right-black.svg"),
+  ICON_EXAMINATION: require("@/static/userInfo/examination.svg"),
+  ICON_ARROW_GREEN: require("@/static/userInfo/arrow-green.svg"),
+  ICON_COPY: require("@/static/publishBall/icon-copy.svg"),
+  ICON_UPLOAD_IMG: require("@/static/publishBall/icon-upload-img.svg"),
+  ICON_UPLOAD_SUCCESS: require("@/static/publishBall/icon-upload-success.svg"),
+  ICON_CLOSE: require("@/static/publishBall/icon-close.svg"),
+  ICON_LIST_NTPR: require("@/static/list/ntpr.svg"),
+  ICON_LIST_CHANGDA: require("@/static/list/icon-changda.svg"),
+  ICON_LIST_CHANGDA_QIuju: require("@/static/list/changdaqiuju.png"),
+  ICON_RELOCATE: require("@/static/list/icon-relocate.svg"),
+  ICON_GAME_PLAY: require("@/static/list/icon_game_type.svg"),
+};
--- a/src/container/listContainer/index.tsx
+++ b/src/container/listContainer/index.tsx
@@ -132,40 +132,39 @@ const ListContainer = (props) => {
    );
  };

-  // 插入 banner 卡片
+  // showNumber 为 0 表示尚未同步，不参与截断；截断时只限制「数据条数」，插卡不占数据条数
+  const shouldLimitByShowNumber = showNumber > 0;
+
+  // 插入 banner 卡片（在 bannerListIndex 位置插入，不替换数据）
  function insertBannerCard(list) {
    if (!bannerListImage) return list;
-    if (!list || !Array.isArray(list)) return list ?? [];
+    if (!list || !Array.isArray(list)) {
+      list = [];
+    }
+    const idx = Number(bannerListIndex);
    return [
-      ...list.slice(0, Number(bannerListIndex)), 
-      { type: "banner", banner_image_url: bannerListImage, banner_detail_url: bannerDetailImage }, 
-      ...list.slice(Number(bannerListIndex))
+      ...list.slice(0, idx),
+      { type: "banner", banner_image_url: bannerListImage, banner_detail_url: bannerDetailImage },
+      ...list.slice(idx),
    ];
  }

-  // 对于没有ntrp等级的用户每个月展示一次, 插在第二个位置后面
-  // insertBannerCard 需在最后统一执行，否则前面分支直接 return 时 banner 不会被插入
+  // 对于没有 ntrp 等级的用户每个月展示一次，插在第 2 条数据后面；插卡是插入不替换，保留全部 showNumber 条数据
  function insertEvaluateCard(list) {
-    let result: any[];
+    if (!list || !Array.isArray(list)) return insertBannerCard(list ?? []);

-    if (!evaluateFlag) {
-      result = showNumber !== undefined ? list.slice(0, showNumber) : list;
-    } else if (!list || list.length === 0) {
-      result = list;
-    } else if (hasTestInLastMonth) {
-      result = showNumber !== undefined ? list.slice(0, showNumber) : list;
-    } else if (list.length <= 2) {
-      result = [...list, { type: "evaluateCard" }];
-    } else {
-      const [item1, item2, ...rest] = list;
-      result = [
-        item1,
-        item2,
-        { type: "evaluateCard" },
-        ...(showNumber !== undefined ? rest.slice(0, showNumber - 3) : rest),
-      ];
+    const limitedList = shouldLimitByShowNumber ? list.slice(0, showNumber) : list;
+
+    if (!evaluateFlag || hasTestInLastMonth) {
+      return insertBannerCard(limitedList);
    }

+    if (limitedList.length <= 2) {
+      return insertBannerCard([...limitedList, { type: "evaluateCard" }]);
+    }
+
+    const [item1, item2, ...rest] = limitedList;
+    const result = [item1, item2, { type: "evaluateCard" }, ...rest];
    return insertBannerCard(result);
  }

@@ -204,10 +203,12 @@ const ListContainer = (props) => {
    );
  };

+  const showNoData = isShowNoData && !loading && memoizedList?.length === 0;
+
  // 渲染列表
  const renderList = () => {
    // 请求数据为空
-    if (isShowNoData) {
+    if (showNoData) {
      return (
        <ListLoadError
          reload={reload}
--- a/src/game_pages/detail/components/Participants/index.tsx
+++ b/src/game_pages/detail/components/Participants/index.tsx
@@ -40,7 +40,7 @@ function isFull(counts) {
 function matchNtrpRequestment(
  target?: string,
  min?: string,
-  max?: string
+  max?: string,
 ): boolean {
  // 目标值为空或 undefined
  if (!target?.trim()) return true;
@@ -110,7 +110,7 @@ export default function Participants(props) {
    user_action_status;
  const showApplicationEntry =
    [can_pay, can_substitute, is_substituting, waiting_start].every(
-      (item) => !item
+      (item) => !item,
    ) &&
    can_join &&
    dayjs(start_time).isAfter(dayjs());
@@ -138,7 +138,7 @@ export default function Participants(props) {

              Taro.navigateTo({
                url: `/login_pages/index/index?redirect=${encodeURIComponent(
-                  fullPath
+                  fullPath,
                )}`,
              });
            }
@@ -153,7 +153,7 @@ export default function Participants(props) {
  const matchNtrpReq = matchNtrpRequestment(
    userInfo?.ntrp_level,
    skill_level_min,
-    skill_level_max
+    skill_level_max,
  );

  function handleSelfEvaluate() {
@@ -180,7 +180,7 @@ export default function Participants(props) {
  }

  function generateTextAndAction(
-    user_action_status: null | { [key: string]: boolean }
+    user_action_status: null | { [key: string]: boolean },
  ):
    | undefined
    | { text: string | React.FC; action?: () => void; available?: boolean } {
@@ -259,7 +259,7 @@ export default function Participants(props) {
          const res = await OrderService.getUnpaidOrder(id);
          if (res.code === 0) {
            navto(
-              `/order_pages/orderDetail/index?id=${res.data.order_info.order_id}`
+              `/order_pages/orderDetail/index?id=${res.data.order_info.order_id}`,
            );
          }
        }),
@@ -296,10 +296,11 @@ export default function Participants(props) {
  const { action = () => {} } = generateTextAndAction(user_action_status)!;

  const leftCount = max_participants - participant_count;
-  const leftSubstituteCount = (max_substitute_players || 0) - (substitute_count || 0);
+  const leftSubstituteCount =
+    (max_substitute_players || 0) - (substitute_count || 0);
  const showSubstituteApplicationEntry =
    [can_pay, can_join, is_substituting, waiting_start].every(
-      (item) => !item
+      (item) => !item,
    ) &&
    can_substitute &&
    dayjs(start_time).isAfter(dayjs());
@@ -336,7 +337,7 @@ export default function Participants(props) {
              refresherBackground="#FAFAFA"
              className={classnames(
                styles["participants-list-scroll"],
-                showApplicationEntry ? styles.withApplication : ""
+                showApplicationEntry ? styles.withApplication : "",
              )}
              scrollX
            >
@@ -377,14 +378,14 @@ export default function Participants(props) {
                        src={avatar_url}
                        onClick={handleViewUserInfo.bind(
                          null,
-                          participant_user_id
+                          participant_user_id,
                        )}
                      />
                      <Text className={styles["participants-list-item-name"]}>
                        {nickname || "未知"}
                      </Text>
                      <Text className={styles["participants-list-item-level"]}>
-                        {displayNtrp}
+                        NTRP {displayNtrp}
                      </Text>
                      <Text className={styles["participants-list-item-role"]}>
                        {role}
@@ -400,97 +401,107 @@ export default function Participants(props) {
        )}
      </View>
      {/* 候补区域 */}
-      {max_substitute_players > 0 && (substitute_count > 0 || showSubstituteApplicationEntry) && (
-        <View className={styles["detail-page-content-participants"]}>
-          <View className={styles["participants-title"]}>
-            <Text>候补</Text>
-            <Text>·</Text>
-            <Text>{leftSubstituteCount > 0 ? `剩余空位 ${leftSubstituteCount}` : "已满员"}</Text>
-          </View>
-          <View className={styles["participants-list"]}>
-            {/* 候补申请入口 */}
-            {showSubstituteApplicationEntry && (
-              <View
-                className={styles["participants-list-application"]}
-                onClick={() => {
-                  action?.();
-                }}
-              >
-                <Image
-                  className={styles["participants-list-application-icon"]}
-                  src={img.ICON_DETAIL_APPLICATION_ADD}
-                />
-                <Text className={styles["participants-list-application-text"]}>
-                  申请候补
-                </Text>
-              </View>
-            )}
-            {/* 候补成员列表 */}
-            <ScrollView
-              refresherBackground="#FAFAFA"
-              className={classnames(
-                styles["participants-list-scroll"],
-                showSubstituteApplicationEntry ? styles.withApplication : ""
+      {max_substitute_players > 0 &&
+        (substitute_count > 0 || showSubstituteApplicationEntry) && (
+          <View className={styles["detail-page-content-participants"]}>
+            <View className={styles["participants-title"]}>
+              <Text>候补</Text>
+              <Text>·</Text>
+              <Text>
+                {leftSubstituteCount > 0
+                  ? `剩余空位 ${leftSubstituteCount}`
+                  : "已满员"}
+              </Text>
+            </View>
+            <View className={styles["participants-list"]}>
+              {/* 候补申请入口 */}
+              {showSubstituteApplicationEntry && (
+                <View
+                  className={styles["participants-list-application"]}
+                  onClick={() => {
+                    action?.();
+                  }}
+                >
+                  <Image
+                    className={styles["participants-list-application-icon"]}
+                    src={img.ICON_DETAIL_APPLICATION_ADD}
+                  />
+                  <Text
+                    className={styles["participants-list-application-text"]}
+                  >
+                    申请候补
+                  </Text>
+                </View>
              )}
-              scrollX
-            >
-              <View
-                className={styles["participants-list-scroll-content"]}
-                style={{
-                  width: `${
-                    Math.max(substitute_members.length, 1) * 103 + (Math.max(substitute_members.length, 1) - 1) * 8
-                  }px`,
-                }}
+              {/* 候补成员列表 */}
+              <ScrollView
+                refresherBackground="#FAFAFA"
+                className={classnames(
+                  styles["participants-list-scroll"],
+                  showSubstituteApplicationEntry ? styles.withApplication : "",
+                )}
+                scrollX
              >
-                {substitute_members.map((substitute) => {
-                  const {
-                    is_organizer,
-                    user: {
-                      avatar_url,
-                      nickname,
-                      level,
-                      ntrp_level,
-                      id: substitute_user_id,
-                    },
-                  } = substitute;
-                  const role = is_organizer ? "组织者" : "参与者";
-                  // 优先使用 ntrp_level，如果没有则使用 level
-                  const ntrpValue = ntrp_level || level;
-                  // 格式化显示 NTRP，如果没有值则显示"初学者"
-                  const displayNtrp = ntrpValue
-                    ? formatNtrpDisplay(ntrpValue)
-                    : "初学者";
-                  return (
-                    <View
-                      key={substitute.id}
-                      className={styles["participants-list-item"]}
-                    >
-                      <Image
-                        className={styles["participants-list-item-avatar"]}
-                        mode="aspectFill"
-                        src={avatar_url}
-                        onClick={handleViewUserInfo.bind(
-                          null,
-                          substitute_user_id
-                        )}
-                      />
-                      <Text className={styles["participants-list-item-name"]}>
-                        {nickname || "未知"}
-                      </Text>
-                      <Text className={styles["participants-list-item-level"]}>
-                        {displayNtrp}
-                      </Text>
-                      <Text className={styles["participants-list-item-role"]}>
-                        {role}
-                      </Text>
-                    </View>
-                  );
-                })}
-              </View>
-            </ScrollView>
+                <View
+                  className={styles["participants-list-scroll-content"]}
+                  style={{
+                    width: `${
+                      Math.max(substitute_members.length, 1) * 103 +
+                      (Math.max(substitute_members.length, 1) - 1) * 8
+                    }px`,
+                  }}
+                >
+                  {substitute_members.map((substitute) => {
+                    const {
+                      is_organizer,
+                      user: {
+                        avatar_url,
+                        nickname,
+                        level,
+                        ntrp_level,
+                        id: substitute_user_id,
+                      },
+                    } = substitute;
+                    const role = is_organizer ? "组织者" : "参与者";
+                    // 优先使用 ntrp_level，如果没有则使用 level
+                    const ntrpValue = ntrp_level || level;
+                    // 格式化显示 NTRP，如果没有值则显示"初学者"
+                    const displayNtrp = ntrpValue
+                      ? formatNtrpDisplay(ntrpValue)
+                      : "初学者";
+                    return (
+                      <View
+                        key={substitute.id}
+                        className={styles["participants-list-item"]}
+                      >
+                        <Image
+                          className={styles["participants-list-item-avatar"]}
+                          mode="aspectFill"
+                          src={avatar_url}
+                          onClick={handleViewUserInfo.bind(
+                            null,
+                            substitute_user_id,
+                          )}
+                        />
+                        <Text className={styles["participants-list-item-name"]}>
+                          {nickname || "未知"}
+                        </Text>
+                        <Text
+                          className={styles["participants-list-item-level"]}
+                        >
+                          {displayNtrp}
+                        </Text>
+                        <Text className={styles["participants-list-item-role"]}>
+                          {role}
+                        </Text>
+                      </View>
+                    );
+                  })}
+                </View>
+              </ScrollView>
+            </View>
          </View>
-        </View>
-      )}
+        )}
      <NTRPEvaluatePopup type={EvaluateScene.detail} ref={ntrpRef} showGuide />
    </>
  );
--- a/src/game_pages/detail/components/SharePopup/index.tsx
+++ b/src/game_pages/detail/components/SharePopup/index.tsx
@@ -25,9 +25,10 @@ dayjs.locale("zh-cn");
 // 分享弹窗
 export default forwardRef(({ id, from, detail, userInfo }, ref) => {
  const [visible, setVisible] = useState(false);
-  const [publishFlag, setPublishFlag] = useState(false);
  const [shareImageUrl, setShareImageUrl] = useState("");
  const { fetchUserInfo } = useUserActions();
+
+  const publishFlag = from === "publish";
  // const posterRef = useRef();
  const { max_participants, participant_count } = detail || {};

@@ -57,18 +58,20 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {
  }

  useImperativeHandle(ref, () => ({
-    show: async (publish_flag = false) => {
-      setPublishFlag(publish_flag);
-      if (publish_flag) {
-        try {
-          const url = await generateShareImageUrl();
-          setShareImageUrl(url);
-        } catch (e) {}
-      }
+    show: async () => {
      setVisible(true);
    },
  }));

+  useEffect(() => {
+    if (from === "publish") {
+      generateShareImageUrl().then((url) => {
+        setShareImageUrl(url);
+        setVisible(true);
+      });
+    }
+  }, [from]);
+
  async function generateShareImageUrl() {
    const {
      play_type,
@@ -106,7 +109,7 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {
    // console.log(res, "res");
    return {
      title: detail.title,
-      imageUrl: url || "https://img.yzcdn.cn/vant/cat.jpeg",
+      imageUrl: url,
      path: `/game_pages/detail/index?id=${id}&from=share`,
    };
  });
@@ -142,6 +145,7 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {
    const qrCodeUrl = qrCodeUrlRes.data.ossPath;
    await delay(100);
    // Taro.showLoading({ title: "生成中..." });
+    console.log('url', qrCodeUrl)
    const url = await generatePosterImage({
      playType: play_type,
      ntrp: `NTRP ${genNTRPRequirementText(skill_level_min, skill_level_max)}`,
@@ -157,6 +161,8 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {
      time: `${startTime.format("ah")}点 ${gameLength}`,
      qrCodeUrl,
    });
+
+    console.log('urlend', url)
    // Taro.hideLoading();
    Taro.showShareImageMenu({
      path: url,
@@ -183,7 +189,6 @@ export default forwardRef(({ id, from, detail, userInfo }, ref) => {

  function onClose() {
    setVisible(false);
-    setPublishFlag(false);
  }

  return (
--- a/src/game_pages/detail/index.tsx
+++ b/src/game_pages/detail/index.tsx
@@ -54,12 +54,6 @@ function Index() {
      await waitForAuthInit();
      // 然后再获取用户信息
      await fetchUserInfo();
-
-      await delay(1000);
-
-      if (from === "publish") {
-        handleShare(true);
-      }
    };
    init();
  }, []);
@@ -126,8 +120,12 @@ function Index() {
    }
  }

-  function handleShare(flag = false) {
-    sharePopupRef.current.show(flag);
+  function handleShare() {
+    if (!detail.id) {
+      toast("球局未加载完成，请稍后再试");
+      return false;
+    }
+    sharePopupRef.current.show();
  }

  const handleJoinGame = async () => {
@@ -293,13 +291,15 @@ function Index() {
          currentUserInfo={myInfo}
        />
        {/* share popup */}
-        <SharePopup
-          ref={sharePopupRef}
-          id={id as string}
-          from={from as string}
-          detail={detail}
-          userInfo={myInfo}
-        />
+        {detail.id && myInfo.id && (
+          <SharePopup
+            ref={sharePopupRef}
+            id={id as string}
+            from={from as string}
+            detail={detail}
+            userInfo={myInfo}
+          />
+        )}
      </View>
    </ScrollView>
  );
--- a/src/login_pages/index/index.scss
+++ b/src/login_pages/index/index.scss
@@ -9,6 +9,23 @@

 }

+.link_button
+{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  height: 52px;
+  border-radius: 16px;
+  border: none;
+  position: relative;
+  font-size: 16px;
+
+  .button_text {
+    color: #fff;
+  }
+}
+
 // 背景图片和渐变覆盖层
 .background_image {
  position: absolute;
--- a/src/login_pages/index/index.tsx
+++ b/src/login_pages/index/index.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import { View, Text, Button, Image } from "@tarojs/components";
 import Taro, { useRouter } from "@tarojs/taro";
+import { GeneralNavbar } from "@/components";
 import {
  wechat_auth_login,
  save_login_state,
@@ -155,6 +156,11 @@ const LoginPage: React.FC = () => {
    e.stopPropagation();
  };

+  // 返回首页
+  const handle_return_home = () => {
+    Taro.navigateTo({ url: "/main_pages/index" });
+  };
+
  return (
    <View className="login_page">
      <View className="background_image">
@@ -166,6 +172,8 @@ const LoginPage: React.FC = () => {
        <View className="bg_overlay"></View>
      </View>

+      <GeneralNavbar title="" showBack={true} showAvatar={false} onBack={handle_return_home} />
+
      {/* 主要内容 */}
      <View className="login_main_content">
        {/* 品牌区域 */}
@@ -211,6 +219,10 @@ const LoginPage: React.FC = () => {
            <Text className="button_text">手机号快捷登录</Text>
          </Button>

+          {/* <View className="return_home_button link_button" onClick={handle_return_home}>
+            <Text className="button_text">返回首页</Text>
+          </View> */}
+
          {/* 用户协议复选框 */}
          <View className="terms_checkbox_section">
            <View className="checkbox_container" onClick={handle_toggle_terms}>
--- a/src/main_pages/components/MyselfPageContent.tsx
+++ b/src/main_pages/components/MyselfPageContent.tsx
@@ -16,7 +16,9 @@ interface MyselfPageContentProps {
  isActive?: boolean;
 }

-const MyselfPageContent: React.FC<MyselfPageContentProps> = ({ isActive = true }) => {
+const MyselfPageContent: React.FC<MyselfPageContentProps> = ({
+  isActive = true,
+}) => {
  const pickerOption = usePickerOption();
  const { statusNavbarHeightInfo } = useGlobalState() || {};
  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
@@ -65,20 +67,22 @@ const MyselfPageContent: React.FC<MyselfPageContentProps> = ({ isActive = true }
      game_records: TennisMatch[]
    ): { notEndGames: TennisMatch[]; finishedGames: TennisMatch[] } => {
      const now = new Date().getTime();
-      return game_records.reduce(
-        (result, cur) => {
-          let { end_time } = cur;
-          end_time = end_time.replace(/\s/, "T");
-          new Date(end_time).getTime() > now
-            ? result.notEndGames.push(cur)
-            : result.finishedGames.push(cur);
-          return result;
-        },
-        {
-          notEndGames: [] as TennisMatch[],
-          finishedGames: [] as TennisMatch[],
-        }
-      );
+
+      // 使用for
+      const notEndGames: TennisMatch[] = [];
+      const finishedGames: TennisMatch[] = [];
+      for (const game of game_records) {
+        const { end_time } = game;
+        const end_time_str = end_time.replace(/\s/, "T");
+        new Date(end_time_str).getTime() > now
+          ? notEndGames.push(game)
+          : finishedGames.push(game);
+      }
+
+      console.log("notEndGames", notEndGames);
+
+      return { notEndGames, finishedGames };
+
    },
    []
  );
@@ -95,6 +99,8 @@ const MyselfPageContent: React.FC<MyselfPageContentProps> = ({ isActive = true }
      } else {
        games_data = await UserService.get_participated_games(user_info.id);
      }
+
+
      const sorted_games = games_data.sort((a, b) => {
        return (
          new Date(a.original_start_time.replace(/\s/, "T")).getTime() -
@@ -102,6 +108,8 @@ const MyselfPageContent: React.FC<MyselfPageContentProps> = ({ isActive = true }
        );
      });
      const { notEndGames, finishedGames } = classifyGameRecords(sorted_games);
+      console.log("notEndGames", notEndGames);
+
      set_game_records(notEndGames);
      setEndedGameRecords(finishedGames);
    } catch (error) {
@@ -250,17 +258,15 @@ const MyselfPageContent: React.FC<MyselfPageContentProps> = ({ isActive = true }
        <View className={styles.gameTabsSection}>
          <View className={styles.tabContainer}>
            <View
-              className={`${styles.tabItem} ${
-                active_tab === "hosted" ? styles.active : ""
-              }`}
+              className={`${styles.tabItem} ${active_tab === "hosted" ? styles.active : ""
+                }`}
              onClick={() => setActiveTab("hosted")}
            >
              <Text className={styles.tabText}>我主办的</Text>
            </View>
            <View
-              className={`${styles.tabItem} ${
-                active_tab === "participated" ? styles.active : ""
-              }`}
+              className={`${styles.tabItem} ${active_tab === "participated" ? styles.active : ""
+                }`}
              onClick={() => setActiveTab("participated")}
            >
              <Text className={styles.tabText}>我参与的</Text>
@@ -281,16 +287,15 @@ const MyselfPageContent: React.FC<MyselfPageContentProps> = ({ isActive = true }
              btnImg="ICON_ADD"
              reload={goPublish}
              isShowNoData={game_records.length === 0}
-              loadMoreMatches={() => {}}
+              loadMoreMatches={() => { }}
              collapse={true}
              style={{
                paddingBottom: ended_game_records.length ? 0 : "90px",
                overflow: "hidden",
              }}
              listLoadErrorWrapperHeight="fit-content"
-              listLoadErrorWidth="320px"
-              listLoadErrorHeight="152px"
-              listLoadErrorScale="1.2"
+              listLoadErrorWidth="410px"
+              listLoadErrorHeight="185px"
              defaultShowNum={3}
            />
          </ScrollView>
@@ -308,13 +313,12 @@ const MyselfPageContent: React.FC<MyselfPageContentProps> = ({ isActive = true }
                  error={null}
                  errorImg="ICON_LIST_EMPTY_CARD"
                  isShowNoData={ended_game_records.length === 0}
-                  loadMoreMatches={() => {}}
+                  loadMoreMatches={() => { }}
                  collapse={true}
                  style={{ paddingBottom: "90px", overflow: "hidden" }}
                  listLoadErrorWrapperHeight="fit-content"
-                  listLoadErrorWidth="320px"
-                  listLoadErrorHeight="152px"
-                  listLoadErrorScale="1.2"
+                  listLoadErrorWidth="410px"
+                  listLoadErrorHeight="185px"
                  defaultShowNum={3}
                />
              </ScrollView>
--- a/src/main_pages/index.config.ts
+++ b/src/main_pages/index.config.ts
@@ -1,6 +1,7 @@
 export default definePageConfig({
-    navigationBarTitleText: '首页',
-    navigationStyle: 'custom',
-    navigationBarBackgroundColor: '#FAFAFA'
-  })
+  navigationBarTitleText: '首页',
+  navigationStyle: 'custom',
+  navigationBarBackgroundColor: '#FAFAFA',
+  enableShareAppMessage: true,
+})

--- a/src/main_pages/index.tsx
+++ b/src/main_pages/index.tsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useCallback } from "react";
 import { View } from "@tarojs/components";
-import Taro from "@tarojs/taro";
+import Taro, { useRouter, useShareAppMessage } from "@tarojs/taro";
+import { OSS_BASE } from "@/config/api";
 import { wechat_auth_login, save_login_state } from "@/services/loginService";
 import { useUserActions } from "@/store/userStore";
 import { useGlobalState } from "@/store/global";
@@ -18,7 +19,11 @@ import { useDictionaryStore } from "@/store/dictionaryStore";
 type TabType = "list" | "message" | "personal";

 const MainPage: React.FC = () => {
-  const [currentTab, setCurrentTab] = useState<TabType>("list");
+  const { params } = useRouter();
+  const [currentTab, setCurrentTab] = useState<TabType>(() => {
+    const tab = params?.tab as TabType | undefined;
+    return tab === "list" || tab === "message" || tab === "personal" ? tab : "list";
+  });
  const [isPublishMenuVisible, setIsPublishMenuVisible] = useState(false);
  const [isDistanceFilterVisible, setIsDistanceFilterVisible] = useState(false);
  const [isCityPickerVisible, setIsCityPickerVisible] = useState(false);
@@ -35,6 +40,14 @@ const MainPage: React.FC = () => {
  const { showGuideBar, guideBarZIndex, setShowGuideBar, setGuideBarZIndex } =
    useGlobalState();

+  // 从分享链接进入时根据 ?tab= 定位到对应 tab
+  useEffect(() => {
+    const tab = params?.tab as TabType | undefined;
+    if (tab === "list" || tab === "message" || tab === "personal") {
+      setCurrentTab(tab);
+    }
+  }, [params?.tab]);
+
  // 初始化：自动微信授权并获取用户信息
  useEffect(() => {
    const init = async () => {
@@ -153,6 +166,21 @@ const MainPage: React.FC = () => {
    []
  );

+  // 分享：首页、个人页均支持转发
+  // 分享图：配置 OSS 地址 + 路径（不含 ? 后参数），首页用 share_home.png，个人页用 share_self.png
+  useShareAppMessage(() => {
+    const isList = currentTab === "list";
+    const isPersonal = currentTab === "personal";
+    const title = isList ? "约球 - 发现身边的球局" : isPersonal ? "约球 - 我的约球" : "约球";
+    const image_path = isPersonal ? "system/share_self.png" : "system/share_home.png";
+    const imageUrl = OSS_BASE ? `${OSS_BASE.replace(/\/$/, "")}/${image_path}` : "";
+    return {
+      title,
+      path: "/main_pages/index" + (isList ? "?tab=list" : isPersonal ? "?tab=personal" : ""),
+      imageUrl: imageUrl,
+    };
+  });
+
  // 滚动到顶部
  const scrollToTop = useCallback(() => {
    // 如果当前是列表页，触发列表页内部滚动
--- a/src/other_pages/comment_reply/index.tsx
+++ b/src/other_pages/comment_reply/index.tsx
@@ -249,7 +249,7 @@ const CommentReply = () => {
        <View className="comment-left">
          <Image
            className="user-avatar"
-            src={item.user_avatar || "https://img.yzcdn.cn/vant/cat.jpeg"}
+            src={item.user_avatar }
            mode="aspectFill"
            onClick={(e) => handleUserClick(e, item.user_id)}
          />
--- a/src/other_pages/enable_notification/index.scss
+++ b/src/other_pages/enable_notification/index.scss
@@ -36,6 +36,7 @@
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    position: absolute;
+    background: #ffffff;

    // 第三个卡片（最上面）
    &--3 {
--- a/src/other_pages/ntrp-evaluate/index.tsx
+++ b/src/other_pages/ntrp-evaluate/index.tsx
@@ -16,7 +16,7 @@ import { useGlobalState } from "@/store/global";
 import { delay, getCurrentFullPath } from "@/utils";
 import { formatNtrpDisplay } from "@/utils/helper";
 import { waitForAuthInit } from "@/utils/authInit";
-import httpService from "@/services/httpService";
+// import httpService from "@/services/httpService";
 import DetailService from "@/services/detailService";
 import { OSS_BASE } from "@/config/api";
 import CloseIcon from "@/static/ntrp/ntrp_close_icon.svg";
--- a/src/publish_pages/publishBall/components/SelectStadium/StadiumDetail.tsx
+++ b/src/publish_pages/publishBall/components/SelectStadium/StadiumDetail.tsx
@@ -199,13 +199,6 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
    }
   }

-   // 当键盘显示时触发 changeTextarea
-   useEffect(() => {
-     if (isKeyboardVisible) {
-       changeTextarea(true)
-     }
-   }, [isKeyboardVisible])
-
   const changePicker = (value:boolean) => {
    setOpenPicker(value);
   }
@@ -269,11 +262,13 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
                <TextareaTag
                  value={formData[item.prop]}
                  onChange={(value) => {
-                    //changeTextarea(true)
                    updateFormData(item.prop, value)
                  }}
-                  // onBlur={() => changeTextarea(false)}
-                  onFocus={() => changeTextarea(true)}
+                  // onBlur={() => {
+                  // }}
+                  onFocus={() => {
+                    changeTextarea(true)
+                  }}
                  placeholder='有其他场地信息可备注'
                  options={(item.options || []).map((o) => ({ label: o, value: o }))}
                />
--- a/src/services/detailService.ts
+++ b/src/services/detailService.ts
@@ -169,7 +169,7 @@ class GameDetailService {
  }

  async getLinkUrl(req: { path: string, query: string }): Promise<ApiResponse<{ url_link: string, path: string, query: string }>> {
-    return httpService.post('/user/generate_url_link', req, { showLoading: true })
+    return httpService.post('/user/generate_url_link', req, { showLoading: false })
  }
 }

--- a/src/services/loginService.ts
+++ b/src/services/loginService.ts
@@ -263,7 +263,7 @@ export const save_login_state = (token: string, user_info: WechatUserInfo) => {
 export const clear_login_state = () => {
  try {
    // 使用 tokenManager 清除令牌
-    tokenManager.clearTokens();
+    // tokenManager.clearTokens();

    // 清除其他登录状态
    Taro.removeStorageSync("user_info");
--- a/src/services/userService.ts
+++ b/src/services/userService.ts
@@ -2,7 +2,7 @@ import { UserInfo } from "@/components/UserInfo";
 import { API_CONFIG } from "@/config/api";
 import httpService, { ApiResponse } from "./httpService";
 import uploadFiles from "./uploadFiles";
-import  * as Taro from "@tarojs/taro";
+import * as Taro from "@tarojs/taro";
 import getCurrentConfig from "@/config/env";
 import { clear_login_state } from "@/services/loginService";

@@ -151,6 +151,7 @@ interface BackendGameData {
    longitude: string;
    venue_type: string;
    surface_type: string;
+    distance_km: string;
  };
  participants: {
    user: {
@@ -206,7 +207,7 @@ export class UserService {
        latitude = parseFloat(game.venue_dtl.latitude) || latitude;
        longitude = parseFloat(game.venue_dtl.longitude) || longitude;
      }
-      const distance = this.calculate_distance(latitude, longitude);
+   

      // 处理地点信息 - 优先使用venue_dtl中的信息
      let location = game.location_name || game.location || "未知地点";
@@ -227,7 +228,7 @@ export class UserService {
        original_start_time: game.start_time,
        end_time: game.end_time || "",
        location: location,
-        distance_km: parseFloat(distance.replace("km", "")) || 0,
+        distance_km: game.venue_dtl?.distance_km ,
        current_players: registered_count,
        max_players: max_count,
        skill_level_min: parseInt(game.skill_level_min) || 0,
@@ -303,20 +304,7 @@ export class UserService {
    return `${date_str} ${time_str}`;
  }

-  // 计算距离（模拟实现，实际需要根据用户位置计算）
-  private static calculate_distance(
-    latitude: number,
-    longitude: number
-  ): string {
-    if (latitude === 0 && longitude === 0) {
-      return "未知距离";
-    }

-    // 这里应该根据用户当前位置计算实际距离
-    // 暂时返回模拟距离
-    const distances = ["1.2km", "2.5km", "3.8km", "5.1km", "7.3km"];
-    return distances[Math.floor(Math.random() * distances.length)];
-  }
  // 获取用户信息
  static async get_user_info(user_id?: string): Promise<UserInfo> {
    try {
@@ -330,7 +318,7 @@ export class UserService {

      if (response.code === 0) {
        const userData = response.data;
-      
+
        return {
          id: userData.id || "",
          nickname: userData.nickname || "",
@@ -359,8 +347,6 @@ export class UserService {
          last_location_province: userData.last_location_province || "",
          last_location_city: userData.last_location_city || "",
        };
-
-       
      } else {
        throw new Error(response.message || "获取用户信息失败");
      }
@@ -747,7 +733,7 @@ export const updateUserLocation = async (
    const response = await httpService.post("/user/update_location", {
      latitude,
      longitude,
-      force
+      force,
    });
    return response;
  } catch (error) {
--- a/src/static/emptyStatus/publish-empty-card.png
+++ b/src/static/emptyStatus/publish-empty-card.png
--- a/src/static/list/icon_game_type.svg
+++ b/src/static/list/icon_game_type.svg
@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3006_15051)">
+<path d="M12.8375 3.17871C11.6157 2.03414 9.9731 1.33331 8.16683 1.33331C4.3929 1.33331 1.3335 4.39271 1.3335 8.16665C1.3335 11.9406 4.3929 15 8.16683 15C10.0384 15 11.7343 14.2475 12.9684 13.0287L8.00016 7.99998L12.8375 3.17871Z" stroke="black" stroke-width="1.33333" stroke-linejoin="round"/>
+<path d="M13.3333 9.33335C14.0697 9.33335 14.6667 8.73639 14.6667 8.00002C14.6667 7.26365 14.0697 6.66669 13.3333 6.66669C12.597 6.66669 12 7.26365 12 8.00002C12 8.73639 12.597 9.33335 13.3333 9.33335Z" stroke="black" stroke-width="1.33333" stroke-linejoin="round"/>
+<path d="M5.6665 4.33331V6.99998" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.3335 5.66669H7.00016" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3006_15051">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/store/keyboardStore.ts
+++ b/src/store/keyboardStore.ts
@@ -150,12 +150,13 @@ export const useKeyboardStore = create<KeyboardStore>((set, get) => ({

 // 导出便捷的 hooks
 export const useKeyboardHeight = () => {
-  const { keyboardHeight, isKeyboardVisible, addListener, initializeKeyboardListener } = useKeyboardStore()
+  const { keyboardHeight, isKeyboardVisible, addListener, initializeKeyboardListener, setKeyboardVisible } = useKeyboardStore()
  
  return {
    keyboardHeight,
    isKeyboardVisible,
    addListener,
-    initializeKeyboardListener
+    initializeKeyboardListener,
+    setKeyboardVisible
  }
 }
--- a/src/store/pickerOptionsStore.ts
+++ b/src/store/pickerOptionsStore.ts
@@ -5,7 +5,7 @@ import { UserService } from "@/services/userService";
 export interface PickerOptionState {
  cities: any[];
  professions: any[];
-  ntrpLevels: string[];
+  ntrpLevels: any[];
  getCities: () => Promise<any>;
  getProfessions: () => Promise<any>;
 }
@@ -13,7 +13,40 @@ export interface PickerOptionState {
 export const usePickerOption = create<PickerOptionState>((set) => ({
  cities: [],
  professions: [],
-  ntrpLevels: ["1.5", "2.0", "2.5", "3.0", "3.5", "4.0", "4.5", "4.5+"],
+  ntrpLevels: [
+    {
+      text: "1.5",
+      value: "1.5",
+    },
+    {
+      text: "2.0",
+      value: "2.0",
+    },
+    {
+      text: "2.5",
+      value: "2.5",
+    },
+    {
+      text: "3.0",
+      value: "3.0",
+    },
+    {
+      text: "3.5",
+      value: "3.5",
+    },
+    {
+      text: "4.0",
+      value: "4.0",
+    },
+    {
+      text: "4.5",
+      value: "4.5",
+    },
+    {
+      text: "4.5+",
+      value: "4.5+",
+    },
+  ],
  getCities: async () => {
    try {
      const res = await UserService.getCities();
--- a/src/store/userStore.ts
+++ b/src/store/userStore.ts
@@ -8,7 +8,9 @@ import {
  NicknameChangeStatus,
  updateNickname as updateNicknameApi,
 } from "@/services/userService";
-import evaluateService, { LastTimeTestResult } from "@/services/evaluateService";
+import evaluateService, {
+  LastTimeTestResult,
+} from "@/services/evaluateService";
 import { useListStore } from "./listStore";

 export interface UserState {
@@ -23,7 +25,6 @@ export interface UserState {
  fetchLastTestResult: () => Promise<LastTimeTestResult | null>;
 }

-
 const getTimeNextDate = (time: string) => {
  const date = new Date(time);
  date.setDate(date.getDate() + 1);
@@ -51,8 +52,6 @@ export const useUser = create<UserState>()((set) => ({

      const cachedCity = (Taro as any).getStorageSync?.(CITY_CACHE_KEY);

-
-
      if (cachedCity && Array.isArray(cachedCity) && cachedCity.length === 2) {
        // 如果有缓存的城市，使用缓存，不更新 area
        console.log("[userStore] 检测到缓存的城市，使用缓存，不更新 area");
@@ -66,7 +65,10 @@ export const useUser = create<UserState>()((set) => ({

        // 只有当 area 不存在时才使用用户信息中的位置
        if (!currentArea) {
-          const newArea: [string, string] = [userData.last_location_province||"", userData.last_location_city||""];
+          const newArea: [string, string] = [
+            userData.last_location_province || "",
+            userData.last_location_city || "",
+          ];
          listStore.updateArea(newArea);
          // 保存到缓存
          useUser.getState().updateCache(newArea);
@@ -102,8 +104,14 @@ export const useUser = create<UserState>()((set) => ({
          const listStore = useListStore.getState();
          const currentArea = listStore.area;
          // 只有当 area 不存在或与 userLastLocationProvince 不一致时才更新
-          if (!currentArea || currentArea[1] !== userInfo.last_location_province) {
-            const newArea: [string, string] = [userInfo.last_location_province || "", userInfo.last_location_city || ""];
+          if (
+            !currentArea ||
+            currentArea[1] !== userInfo.last_location_province
+          ) {
+            const newArea: [string, string] = [
+              userInfo.last_location_province || "",
+              userInfo.last_location_city || "",
+            ];
            listStore.updateArea(newArea);
          }
        }
@@ -127,7 +135,10 @@ export const useUser = create<UserState>()((set) => ({
    // 如果已经有状态数据且不是强制更新，跳过，避免重复调用
    if (!force) {
      const currentState = useUser.getState();
-      if (currentState.nicknameChangeStatus && Object.keys(currentState.nicknameChangeStatus).length > 0) {
+      if (
+        currentState.nicknameChangeStatus &&
+        Object.keys(currentState.nicknameChangeStatus).length > 0
+      ) {
        return;
      }
    }
--- a/src/user_pages/downloadBillRecords/index.tsx
+++ b/src/user_pages/downloadBillRecords/index.tsx
@@ -66,6 +66,34 @@ const DownloadBillRecords: React.FC = () => {
      });
    }
  };
+
+  const handlePreviewFile = (fileUrl: string) => {
+    wx.downloadFile({
+      url: fileUrl,
+      success: (res) => {
+        if (res.statusCode === 200) {
+          // 确保文件路径正确并添加扩展名
+          const filePath = res.tempFilePath;
+          wx.openDocument({
+            filePath: filePath,
+            fileType: 'xlsx', // 指定文件类型为xlsx
+            showMenu: true, // 显示右上角菜单按钮
+            success: (openRes) => {
+              console.log('打开文档成功');
+            },
+            fail: (err) => {
+              console.error('打开文档失败', err);
+            }
+          });
+        } else {
+          console.error('下载失败，状态码:', res.statusCode);
+        }
+      },
+      fail: (err) => {
+        console.error('下载失败', err);
+      }
+    });
+  }
  return (
    <View className="download-bill-records-page">
      {/* 导航栏 */}
@@ -94,7 +122,7 @@ const DownloadBillRecords: React.FC = () => {
          Taro.navigateBack();
        }}
      />
-      <View 
+      <View
        className="records-container"
        style={{ marginTop: `${totalHeight}px` }}
      >
@@ -111,7 +139,7 @@ const DownloadBillRecords: React.FC = () => {
            </View>
            <View className="info-item">
              <Text></Text>
-              <Text className="btn">查看材料</Text>
+              <Text className="btn" onClick={() => handlePreviewFile(record.file_url)}>查看材料</Text>
            </View>
          </View>
        )) : <EmptyState text="暂无数据" />}
--- a/src/user_pages/edit/index.tsx
+++ b/src/user_pages/edit/index.tsx
@@ -44,6 +44,7 @@ const EditProfilePage: React.FC = () => {
      country: info?.country ?? "",
      province: info?.province ?? "",
      city: info?.city ?? "",
+      district: info?.district ?? "",
    };
  };
  const [form_data, setFormData] = useState(getInitialFormData());
@@ -85,6 +86,7 @@ const EditProfilePage: React.FC = () => {
        country: info?.country ?? "",
        province: info?.province ?? "",
        city: info?.city ?? "",
+        district: info?.district ?? "",
      });
    }

@@ -358,11 +360,11 @@ const EditProfilePage: React.FC = () => {
      });
      return;
    }
-    const [country, province, city] = e;
+    const [province, city, district] = e;
    handle_field_edit({
-      country: String(country ?? ""),
      province: String(province ?? ""),
      city: String(city ?? ""),
+      district: String(district ?? ""),
    });
  };

@@ -660,15 +662,17 @@ const EditProfilePage: React.FC = () => {
                  <View className="item_right">
                    <Text
                      className={`item_value ${
-                        form_data.country ||
                        form_data.province ||
-                        form_data.city
+                        form_data.city ||
+                        form_data.district
                          ? ""
                          : "placehoder"
                      }`}
                    >
-                      {form_data.country || form_data.province || form_data.city
-                        ? `${form_data.country} ${form_data.province} ${form_data.city}`
+                      {form_data.province ||
+                      form_data.city ||
+                      form_data.district
+                        ? `${form_data.province} ${form_data.city} ${form_data.district}`
                        : "选择所在地区"}
                    </Text>
                    <Image
@@ -885,8 +889,8 @@ const EditProfilePage: React.FC = () => {
          visible={location_picker_visible}
          setvisible={setLocationPickerVisible}
          value={
-            form_data.country
-              ? [form_data.country, form_data.province, form_data.city]
+            form_data.province
+              ? [form_data.province, form_data.city, form_data.district]
              : getDefaultOption(cities)
          }
          onChange={handle_location_change}
@@ -899,15 +903,12 @@ const EditProfilePage: React.FC = () => {
          title="选择 NTRP 自评水平"
          confirmText="保存"
          ntrpTested={ntrpTested}
-          options={ntrpLevels.map((level) => ({
-            text: level,
-            value: level,
-          }))}
+          options={ntrpLevels}
          type="ntrp"
          // img={(user_info as UserInfoType)?.avatar_url}
          visible={ntrp_picker_visible}
          setvisible={setNtrpPickerVisible}
-          value={[form_data.ntrp_level || "2.5"]}
+          value={!form_data.ntrp_level ? ["2.5"] : [form_data.ntrp_level]}
          onChange={handle_ntrp_level_change}
        />
      )}
--- a/src/user_pages/other/index.tsx
+++ b/src/user_pages/other/index.tsx
@@ -329,9 +329,8 @@ const OtherUserPage: React.FC = () => {
                overflow: "hidden",
              }}
              listLoadErrorWrapperHeight="fit-content"
-              listLoadErrorWidth="320px"
-              listLoadErrorHeight="152px"
-              listLoadErrorScale="1.2"
+              listLoadErrorWidth="410px"
+              listLoadErrorHeight="185px"
              defaultShowNum={3}
            />
          </ScrollView>
@@ -375,9 +374,8 @@ const OtherUserPage: React.FC = () => {
                  collapse={true}
                  style={{ paddingBottom: "90px", overflow: "hidden" }}
                  listLoadErrorWrapperHeight="fit-content"
-                  listLoadErrorWidth="320px"
-                  listLoadErrorHeight="152px"
-                  listLoadErrorScale="1.2"
+                  listLoadErrorWidth="410px"
+                  listLoadErrorHeight="185px"
                  defaultShowNum={3}
                />
              </ScrollView>
--- a/src/utils/genPoster.ts
+++ b/src/utils/genPoster.ts
@@ -35,21 +35,48 @@ export function base64ToTempFilePath(base64Data: string): Promise<string> {
 }


+interface TaroGetImageInfo {
+  getImageInfo(option: {
+    src: string;
+    success?: (res: { width: number; height: number }) => void;
+    fail?: (err: unknown) => void;
+  }): void;
+}
+
 /** 获取图片宽高 */
 function getImageWh(src: string): Promise<{ width: number; height: number }> {
-  return new Promise((resolve) => {
-    Taro.getImageInfo({
+  return new Promise((resolve, reject) => {
+    (Taro as TaroGetImageInfo).getImageInfo({
      src,
      success: ({ width, height }) => resolve({ width, height }),
+      fail: (e) => reject(e),
    });
  });
 }

 /** 加载图片 */
 function loadImage(canvas: any, src: string): Promise<any> {
-  return new Promise((resolve) => {
+  return new Promise((resolve, reject) => {
+
+    let timer: any;
    const img = canvas.createImage();
-    img.onload = () => resolve(img);
+
+    img.crossOrigin = "anonymous" 
+
+    img.onload = () => {
+      clearTimeout(timer);
+      resolve(img);
+    };
+    img.onerror = () => {
+      clearTimeout(timer);
+      console.log('img error', src)
+    }
+
+
+    timer = setTimeout(() => {
+      reject(new Error(`Image load timeout: ${src}`));
+    }, 8000);
+
    img.src = src;
  });
 }
@@ -137,6 +164,7 @@ async function drawRotateCoverImage(
  rotate = 0 // 旋转角度（弧度）
 ) {
  const { width, height } = await getImageWh(src);
+  console.log('width', width, 'height', height)
  const scale = Math.max(w / width, h / height);
  const newW = width * scale;
  const newH = height * scale;
@@ -170,6 +198,7 @@ async function drawRotateCoverImage(

  // 绘制 cover
  ctx.drawImage(img, offsetX, offsetY, newW, newH);
+  console.log('drawImage', offsetX, offsetY, newW, newH)

  ctx.restore();
 }
@@ -281,24 +310,39 @@ function drawTextWrap(

 /** 核心纯函数：生成海报图片 */
 export async function generatePosterImage(data: any): Promise<string> {
+
+
  console.log("start !!!!");
-  const dpr = Taro.getWindowInfo().pixelRatio;
+  // const dpr = Taro.getWindowInfo().pixelRatio;
+  const dpr = 1;
+  // console.log(dpr, 'dpr')
  const width = 600;
  const height = 1000;

+  console.log('width', width, 'height', height)
  const canvas = Taro.createOffscreenCanvas({ type: "2d", width: width * dpr, height: height * dpr });
  const ctx = canvas.getContext("2d");
  ctx.scale(dpr, dpr);

+
+  console.log('ctx', ctx)
+
+  
  // 背景渐变
  roundRectGradient(ctx, 0, 0, width, height, 24, "#BFFFEF", "#F2FFFC");

+  console.log('bgUrl', bgUrl)
  const bgImg = await loadImage(canvas, bgUrl);
  ctx.drawImage(bgImg, 0, 0, width, height);
+  console.log('bgUrlend', )
+

  roundRotateRect(ctx, 70, 100, width - 140, width - 140, 20, '#fff', deg2rad(-6));
+
+
  // 顶部图片
  const mainImg = await loadImage(canvas, data.mainCoursal);
+  console.log('mainCoursal', data.mainCoursal)
  await drawRotateCoverImage(
    ctx,
    canvas,
@@ -367,6 +411,8 @@ export async function generatePosterImage(data: any): Promise<string> {
  left = 20;

  const dateImg = await loadImage(canvas, dateIcon);
+
+  console.log('dateIcon', dateIcon)
  await drawCoverImage(
    ctx,
    canvas,
@@ -393,6 +439,7 @@ export async function generatePosterImage(data: any): Promise<string> {
  left = 20;
  top += 24;

+
  const mapImg = await loadImage(canvas, mapIcon);
  await drawCoverImage(ctx, canvas, mapIcon, mapImg, left, top, 40, 40, 12);

@@ -429,11 +476,13 @@ export async function generatePosterImage(data: any): Promise<string> {
  ctx.font = "400 20px sans-serif";
  ctx.fillText("长按识别二维码，快来加入，有你就有场！", left, height - 30/* top */);

+  console.log('canvas', canvas)
  // 导出图片
  const { tempFilePath } = await Taro.canvasToTempFilePath({
    canvas,
    fileType: 'png',
-    quality: 1,
+    quality: 0.7,
  });
+  console.log('tempFilePath', tempFilePath)
  return tempFilePath;
 }
--- a/src/utils/share.ts
+++ b/src/utils/share.ts
@@ -533,7 +533,6 @@ const drawShareCard = async (ctx: any, data: ShareCardData, offscreen: any): Pro
            const locationPath = await loadImage(`${OSS_BASE}/front/ball/images/adc9a167-2ea9-4e3b-b963-6a894a1fd91b.jpg`)
            ctx.drawImage(locationPath, iconX, locationInfoY, iconSize, iconSize)
            drawBoldText(ctx, data.venueName, danDaX, locationInfoY + 10, locationFontSize, '#000000')
-
            try {
                const wxAny: any = (typeof (globalThis as any) !== 'undefined' && (globalThis as any).wx) ? (globalThis as any).wx : null
                if (wxAny && typeof wxAny.canvasToTempFilePath === 'function') {
Author	SHA1	Message	Date
李瑞	99c8026f61	数据为空时允许展示banner	2026-02-11 23:13:49 +08:00
Ultrame	05966b2acb	优化ntrp和性别picker偶尔选不上值	2026-02-10 18:00:26 +08:00
张成	4cf2b959b5	1	2026-02-10 12:42:42 +08:00
张成	43610dcf99	修复首页数据少的问题	2026-02-10 11:46:39 +08:00
张成	05aa820466	Merge branch 'master' of https://git.bimwe.com/bimwe/mini-programs	2026-02-09 22:03:59 +08:00
筱野	b154e31f8f	Merge branch 'master' of https://git.bimwe.com/bimwe/mini-programs	2026-02-09 22:03:09 +08:00
筱野	669ee2fe4e	解决按钮问题与键盘弹出问题	2026-02-09 22:03:01 +08:00
张成	281ee2b746	Merge branch 'master' of https://git.bimwe.com/bimwe/mini-programs	2026-02-09 22:02:46 +08:00
张成	132c74d27c	1	2026-02-09 22:02:43 +08:00
李瑞	6b6a4c9480	替换玩法icon	2026-02-09 22:01:36 +08:00
筱野	0f8dd44f5a	解决按钮问题与键盘弹出问题	2026-02-09 21:16:48 +08:00
刘杰	82ba753b8b	Merge remote-tracking branch 'refs/remotes/origin/master'	2026-02-09 20:07:47 +08:00
刘杰	159d81ed12	fix: 详情管理功能按钮逻辑修改	2026-02-09 20:07:05 +08:00
Ultrame	22965eedf3	个人简介和昵称修改后显示底部导航	2026-02-09 16:36:15 +08:00
Ultrame	49935dd049	优化省市区和占位图片	2026-02-09 13:53:19 +08:00
张成	cab90aa1cb	1	2026-02-09 13:25:13 +08:00
刘杰	632da5112d	feat: 删除小猫	2026-02-09 09:49:43 +08:00
刘杰	28955e9da1	fix: 修改分享初始化逻辑、去除小猫图	2026-02-08 23:58:37 +08:00
刘杰	70a66fabdc	Merge branch 'feat/liujie'	2026-02-08 22:57:48 +08:00
刘杰	c47ebce43c	fix: 修复取消活动后还可以编辑和取消、详情页参与者卡片展示NTRP 等级、生成海报的图片质量降低到1M以下, 详情页海报与测试结果页海报	2026-02-08 22:57:35 +08:00
刘杰	b0f4b5713d	Merge branch 'master' into feat/liujie	2026-02-08 21:25:19 +08:00
Ultrame	f7f10f5d15	查询下载账单	2026-02-08 16:03:08 +08:00
李瑞	2bcdd93479	Merge branch 'feat/juguohong/20260206'	2026-02-08 12:46:27 +08:00
李瑞	af2c472030	处理图片顺序	2026-02-08 12:46:01 +08:00
张成	8d0ed5b1b3	1	2026-02-08 12:36:21 +08:00
张成	e99986c52a	修改审核不通过的问题	2026-02-08 12:29:48 +08:00
张成	4b2f6707cc	1	2026-02-08 12:18:04 +08:00