兑换token成功后的弹出框样式修改。

src/views/homePage.vue

@@ -1148,9 +1148,9 @@ const goChange = async () => {
     confirmDialogVisible.value = false;
     dialogVisible.value = false;
     changeSuccessDialogVisible.value = true;
-    setTimeout(() => {
-      changeSuccessDialogVisible.value = false;
-    }, 2000);
+    // setTimeout(() => {
+    //   changeSuccessDialogVisible.value = false;
+    // }, 2000);
 
     // 刷新次数
     await chatStore.getUserCount();
@@ -1685,7 +1685,7 @@ onUnmounted(() => {
       v-model="confirmDialogVisible"
       :width="isMobile ? '60%' : '30%'"
       :show-close="false"
-      :align-center="isMobile"
+      align-center="true"
     >
       <div class="confirmDialogTitle">兑换</div>
       <div class="confirmDialogContent">
@@ -1716,6 +1716,9 @@ onUnmounted(() => {
       <div class="changeSuccessDialogContent">
         尊敬的用户，恭喜您成功兑换：{{ activeLevel.calculatedPosition }} Token
       </div>
+      <div class="changeSuccessDialogFooter">
+        <button class="confirmButton" @click="changeSuccessDialogVisible = false">确定</button>
+      </div>
     </el-dialog>
 
     <!-- Token规则提示框 -->
@@ -2878,4 +2881,27 @@ body {
 .changeSuccessDialog {
   background: linear-gradient(180deg, #80D3F8, #8080FF);
 }
+
+.changeSuccessDialogFooter {
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+}
+
+.confirmButton {
+  background: #8A52DF;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  padding: 8px 30px;
+  font-size: 16px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.confirmButton:hover {
+  background: #3a75e6;
+  transform: translateY(-2px);
+  box-shadow: 0 2px 8px rgba(78, 134, 254, 0.3);
+}
 </style>