bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复参与者列表宽度展示问题

Browse Source
This commit is contained in:
刘杰
2025-12-08 16:01:30 +08:00
parent 0dd0b711f9
commit 0bbb9f5ce0
2 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/game_pages/detail/components/Participants/index.module.scss
View File

@@ -59,9 +59,13 @@
&-scroll { &-scroll {
flex: 0 0 auto; flex: 0 0 auto;
width: calc(100% - 116px); width: 100%;
height: 100%; height: 100%;
&.withApplication {
width: calc(100% - 116px);
}
&-content { &-content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

32
src/game_pages/detail/components/Participants/index.tsx
View File

@@ -2,10 +2,11 @@ import React, { useRef } from "react";
import Taro from "@tarojs/taro"; import Taro from "@tarojs/taro";
import { View, Text, Image, ScrollView } from "@tarojs/components"; import { View, Text, Image, ScrollView } from "@tarojs/components";
import dayjs from "dayjs"; import dayjs from "dayjs";
import classnames from "classnames";
import img from "@/config/images"; import img from "@/config/images";
import { useUserInfo } from "@/store/userStore"; import { useUserInfo } from "@/store/userStore";
import { formatNtrpDisplay, toast, navto } from "@/utils/helper"; import { formatNtrpDisplay, toast, navto } from "@/utils/helper";
import RMB_ICON from "@/static/detail/rmb.svg"; // import RMB_ICON from "@/static/detail/rmb.svg";
import { MATCH_STATUS, IsSubstituteSupported } from "@/services/detailService"; import { MATCH_STATUS, IsSubstituteSupported } from "@/services/detailService";
import OrderService from "@/services/orderService"; import OrderService from "@/services/orderService";
import styles from "./index.module.scss"; import styles from "./index.module.scss";
@@ -183,18 +184,18 @@ export default function Participants(props) {
if (!user_action_status) { if (!user_action_status) {
return; return;
} }
const priceStrArr = price?.toString().split(".") ?? []; // const priceStrArr = price?.toString().split(".") ?? [];
const displayPrice = is_organizer ? ( // const displayPrice = is_organizer ? (
<> // <>
<Text className={styles.integer}>0</Text> // <Text className={styles.integer}>0</Text>
{/* <Text className={styles.decimalPart}>.00</Text> */} // {/* <Text className={styles.decimalPart}>.00</Text> */}
</> // </>
) : ( // ) : (
<> // <>
<Text className={styles.integer}>{priceStrArr[0]}</Text> // <Text className={styles.integer}>{priceStrArr[0]}</Text>
<Text className={styles.decimalPart}>.{priceStrArr[1]}</Text> // <Text className={styles.decimalPart}>.{priceStrArr[1]}</Text>
</> // </>
); // );
// user_action_status.can_assess = true; // user_action_status.can_assess = true;
// user_action_status.can_join = false; // user_action_status.can_join = false;
// console.log(user_action_status, "user_action"); // console.log(user_action_status, "user_action");
@@ -323,7 +324,10 @@ export default function Participants(props) {
{/* participants list */} {/* participants list */}
<ScrollView <ScrollView
refresherBackground="#FAFAFA" refresherBackground="#FAFAFA"
className={styles["participants-list-scroll"]} className={classnames(
styles["participants-list-scroll"],
showApplicationEntry ? styles.withApplication : ""
)}
scrollX scrollX
> >
<View <View