From e0b0c6e5335dcea38238461070e24b810a1535d5 Mon Sep 17 00:00:00 2001
From: iHeyTang <dehui1012@qq.com>
Date: Thu, 11 Sep 2025 14:56:02 +0800
Subject: [PATCH] =?UTF-8?q?style(result):=20=E6=B7=BB=E5=8A=A0=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD=E6=8F=90=E7=A4=BA=E6=96=87=E5=AD=97=E5=92=8C=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在结果页面添加下载提示文字，提供用户反馈
- 更新CSS样式，移除冗余z-index，优化视觉效果
- 增强用户体验，提升信息传达的清晰度
---
 src/pages/result/components/SuccessComponent.tsx | 11 +++++++++++
 src/pages/result/index.css                       | 11 ++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/pages/result/components/SuccessComponent.tsx b/src/pages/result/components/SuccessComponent.tsx
index 8ba88df..5689b7d 100644
--- a/src/pages/result/components/SuccessComponent.tsx
+++ b/src/pages/result/components/SuccessComponent.tsx
@@ -122,6 +122,16 @@ const SuccessComponent: React.FC<SuccessComponentProps> = ({ task }) => {
     return '观看广告下载';
   };
 
+  const getTipText = () => {
+    if (adLoading) {
+      return '正在加载广告...';
+    }
+    if (!adAvailable) {
+      return '🎉 恭喜！无需观看广告即可免费下载';
+    }
+    return '观看完整广告后即可下载到相册';
+  };
+
   return (
     <View className="result-page">
       {/* 毛玻璃背景 */}
@@ -148,6 +158,7 @@ const SuccessComponent: React.FC<SuccessComponentProps> = ({ task }) => {
           返回首页
         </View>
       </View>
+      <View className="download-tip">{getTipText()}</View>
     </View>
   );
 };
diff --git a/src/pages/result/index.css b/src/pages/result/index.css
index 14179d3..a9eb5a2 100644
--- a/src/pages/result/index.css
+++ b/src/pages/result/index.css
@@ -22,7 +22,6 @@
   inset: 0;
   background: linear-gradient(135deg, rgb(255 255 255 / 10%) 0%, rgb(255 255 255 / 5%) 50%, rgb(0 0 0 / 10%) 100%);
   backdrop-filter: blur(20px);
-  z-index: 1;
 }
 
 /* 主要内容区域 */
@@ -348,3 +347,13 @@
   font-size: 28px;
   font-weight: 500;
 }
+
+
+/* 下载提示文字 */
+.download-tip {
+  font-size: 24px;
+  color: #666;
+  text-align: center;
+  margin-top: 8px;
+  z-index: 1;
+}