feat: 测试结果页雷达图样式修改 & 保存图片增加提示

This commit is contained in:
2025-12-06 19:05:10 +08:00
parent 2b3f1aadfa
commit db293350f0
4 changed files with 36 additions and 20 deletions

View File

@@ -602,10 +602,10 @@ function Result() {
);
}
}
// 使用 RadarV2 的 generateFullImage 方法生成完整图片
const userNickname = (userInfo as any)?.nickname;
const titleText = userNickname
const titleText = userNickname
? `${userNickname}的 NTRP 测试结果为`
: "你的 NTRP 测试结果为";
const imageUrl = await radarV2Ref.current?.generateFullImage({
@@ -658,6 +658,7 @@ function Result() {
try {
const url = await genCardImage();
Taro.saveImageToPhotosAlbum({ filePath: url });
Taro.showToast({ title: "保存成功" });
} catch (e) {
Taro.showToast({ title: "图片保存失败", icon: "none" });
}
@@ -691,7 +692,12 @@ function Result() {
return (
<View className={styles.resultContainer}>
<CommonGuideBar />
<View className={styles.card}>
<View
className={styles.card}
style={{
backgroundImage: `url(${OSS_BASE_URL}/images/f5b45cea-5015-41d6-aaf4-83b2e76678e1.png)`,
}}
>
<View className={styles.avatarWrap}>
<View className={styles.avatar}>
<Image
@@ -712,7 +718,7 @@ function Result() {
<View className={styles.desc}>
<View className={styles.tip}>
<Text>
{(userInfo as any)?.nickname
{(userInfo as any)?.nickname
? `${(userInfo as any).nickname}的 NTRP 测试结果为`
: "你的 NTRP 测试结果为"}
</Text>
@@ -776,13 +782,24 @@ function Result() {
</View>
</View>
{/* 隐藏的 RadarV2 用于生成完整图片,不显示在界面上 */}
<View style={{ position: "absolute", top: "-9999px", left: "-9999px", width: "0px", height: "0px", overflow: "hidden" }}>
<RadarChartV2
ref={radarV2Ref}
<View
style={{
position: "absolute",
top: "-9999px",
left: "-9999px",
width: "0px",
height: "0px",
overflow: "hidden",
}}
>
<RadarChartV2
ref={radarV2Ref}
data={radarData}
title={(userInfo as any)?.nickname
? `${(userInfo as any).nickname}的 NTRP 测试结果为`
: "你的 NTRP 测试结果为"}
title={
(userInfo as any)?.nickname
? `${(userInfo as any).nickname}的 NTRP 测试结果为`
: "你的 NTRP 测试结果为"
}
ntrpLevel={result?.ntrp_level}
levelDescription={result?.level_description}
avatarUrl={(userInfo as any)?.avatar_url}