From 7541932e539a06e9758d7f17ca87609d57aafd3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Fri, 19 Sep 2025 17:52:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=91=E6=8D=A2=E6=88=90=E5=8A=9F=E7=9A=84?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/homePage.vue | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index d433bbe..eafb228 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -1706,9 +1706,13 @@ onUnmounted(() => {
       :width="isMobile ? '60%' : '30%'"
       :show-close="false"
       class="changeSuccessDialog"
-      :align-center="isMobile"
+      align-center
+      center
     >
-      <div class="changeSuccessDialogTitle">兑换成功</div>
+      <div class="changeSuccessDialogTitle">
+        <img v-if="!isMobile" src="https://d31zlh4on95l9h.cloudfront.net/images/84edd341b2ddec464fc4475254f7a309.png" style="scale: 0.7;" alt="token图标">
+        兑换成功
+      </div>
       <div class="changeSuccessDialogContent">
         尊敬的用户，恭喜您成功兑换：{{ activeLevel.calculatedPosition }} Token
       </div>
@@ -2043,6 +2047,7 @@ body {
   position: absolute;
   right: 20px;
   display: flex;
+  gap: 10px;
 }
 
 .pc-countBtn {
@@ -2567,7 +2572,17 @@ body {
 .changeSuccessDialogTitle {
   font-size: 1.7rem;
   font-weight: bold;
-  color: #de93a3;
+  color: #7849DE;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  letter-spacing: 10px;
+}
+
+.changeSuccessDialogTitle image{
+  font-size: 1.7rem;
+  font-weight: bold;
+  color: #7849DE;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2576,6 +2591,7 @@ body {
 
 .changeSuccessDialogContent {
   padding: 20px;
+  color: white;
   font-size: 1.2rem;
   font-weight: bold;
   text-align: center;
@@ -2860,6 +2876,6 @@ body {
 
 <style>
 .changeSuccessDialog {
-  background: linear-gradient(180deg, #a2dffe, #b59be1);
+  background: linear-gradient(180deg, #80D3F8, #8080FF);
 }
 </style>