feat: 测试结果页雷达图样式修改 & 保存图片增加提示
This commit is contained in:
@@ -546,7 +546,8 @@
|
||||
align-self: stretch;
|
||||
border-radius: 26px;
|
||||
border: 4px solid #fff;
|
||||
background: linear-gradient(180deg, #bfffef 0%, #f2fffc 100%), #fff;
|
||||
// background: linear-gradient(180deg, #bfffef 0%, #f2fffc 100%), #fff;
|
||||
background-size: contain;
|
||||
box-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
.avatarWrap {
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user