47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import { View, Text } from "@tarojs/components";
|
|
import { genNTRPRequirementText } from "@/utils/helper";
|
|
import styles from "./index.module.scss";
|
|
|
|
// 玩法要求
|
|
export default function GamePlayAndRequirement(props) {
|
|
const {
|
|
detail: { skill_level_min, skill_level_max, play_type, game_type },
|
|
} = props;
|
|
|
|
const requirements = [
|
|
{
|
|
title: "NTRP水平要求",
|
|
desc: genNTRPRequirementText(skill_level_min, skill_level_max),
|
|
},
|
|
{
|
|
title: "活动玩法",
|
|
desc: play_type || "-",
|
|
},
|
|
{
|
|
title: "人员构成",
|
|
desc: game_type || "-",
|
|
},
|
|
];
|
|
return (
|
|
<View className={styles["detail-page-content-gameplay-requirements"]}>
|
|
{/* title */}
|
|
<View className={styles["gameplay-requirements-title"]}>
|
|
<Text>玩法要求</Text>
|
|
</View>
|
|
{/* requirements */}
|
|
<View className={styles["gameplay-requirements"]}>
|
|
{requirements.map((item, index) => (
|
|
<View key={index} className={styles["gameplay-requirements-item"]}>
|
|
<Text className={styles["gameplay-requirements-item-title"]}>
|
|
{item.title}
|
|
</Text>
|
|
<Text className={styles["gameplay-requirements-item-desc"]}>
|
|
{item.desc}
|
|
</Text>
|
|
</View>
|
|
))}
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|