From d8506c383cf64c9f2cb5b8090d63704ad8980d88 Mon Sep 17 00:00:00 2001
From: Therainclouds <245141853@qq.com>
Date: Thu, 12 Feb 2026 23:40:26 +0800
Subject: [PATCH] n

---
 frontend/src/pages/activity/Detail.jsx       |  2 +-
 miniprogram/src/pages/order/detail.config.ts |  3 +
 miniprogram/src/pages/order/list.scss        | 70 ++++++++++++--------
 miniprogram/src/pages/order/payment.scss     | 42 ++++++------
 4 files changed, 68 insertions(+), 49 deletions(-)
 create mode 100644 miniprogram/src/pages/order/detail.config.ts

diff --git a/frontend/src/pages/activity/Detail.jsx b/frontend/src/pages/activity/Detail.jsx
index 884220b..94b2246 100644
--- a/frontend/src/pages/activity/Detail.jsx
+++ b/frontend/src/pages/activity/Detail.jsx
@@ -60,7 +60,7 @@ const ActivityDetail = () => {
             sessionStorage.setItem(hasRefreshedKey, 'true');
             window.location.reload();
         }
-    }, 2000);
+    }, 5000);
 
     return () => clearTimeout(timer);
   }, [id, refetch]);
diff --git a/miniprogram/src/pages/order/detail.config.ts b/miniprogram/src/pages/order/detail.config.ts
new file mode 100644
index 0000000..e580ccd
--- /dev/null
+++ b/miniprogram/src/pages/order/detail.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '订单详情'
+})
diff --git a/miniprogram/src/pages/order/list.scss b/miniprogram/src/pages/order/list.scss
index 0a220ad..3230081 100644
--- a/miniprogram/src/pages/order/list.scss
+++ b/miniprogram/src/pages/order/list.scss
@@ -1,65 +1,77 @@
 .page-container {
   min-height: 100vh;
-  background-color: #f7f8fa;
+  background-color: var(--bg-dark);
   padding: 15px;
 }
 
 .card {
-  background: #fff;
-  border-radius: 8px;
-  padding: 15px;
-  margin-bottom: 15px;
+  background: var(--card-bg);
+  border: 1px solid var(--glass-border);
+  border-radius: 12px;
+  padding: 20px;
+  margin-bottom: 20px;
   
   .header {
     display: flex;
     justify-content: space-between;
-    border-bottom: 1px solid #f5f5f5;
-    padding-bottom: 10px;
-    margin-bottom: 10px;
-    font-size: 12px;
-    color: #999;
+    border-bottom: 1px solid var(--glass-border);
+    padding-bottom: 15px;
+    margin-bottom: 15px;
+    font-size: 14px;
+    color: var(--text-secondary);
     
     .status {
-        &.pending { color: #faad14; }
-        &.paid { color: #52c41a; }
+        &.pending { color: var(--primary-cyan); }
+        &.paid { color: var(--primary-green); }
     }
   }
   
   .body {
     display: flex;
+    align-items: center;
     
     .img {
-        width: 80px;
-        height: 80px;
-        border-radius: 4px;
-        background: #eee;
-        margin-right: 10px;
+        width: 100px;
+        height: 100px;
+        border-radius: 8px;
+        background: #333;
+        margin-right: 15px;
     }
     
     .info {
         flex: 1;
-        .name { font-size: 14px; color: #333; display: block; margin-bottom: 5px; }
-        .qty { font-size: 12px; color: #999; }
+        .name { 
+            font-size: 18px; 
+            color: var(--text-main); 
+            display: block; 
+            margin-bottom: 8px; 
+            font-weight: 500;
+        }
+        .qty { 
+            font-size: 14px; 
+            color: var(--text-secondary); 
+        }
     }
     
     .price {
-        font-size: 16px;
+        font-size: 20px;
         font-weight: bold;
-        color: #333;
+        color: var(--text-main);
     }
   }
   
   .footer {
     display: flex;
     justify-content: flex-end;
-    margin-top: 10px;
+    margin-top: 15px;
     
     .btn-pay {
-        border: 1px solid #00b96b;
-        color: #00b96b;
-        padding: 4px 12px;
-        border-radius: 14px;
-        font-size: 12px;
+        border: 1px solid var(--primary-green);
+        color: var(--primary-green);
+        padding: 6px 18px;
+        border-radius: 20px;
+        font-size: 14px;
+        background: rgba(0, 185, 107, 0.1);
     }
   }
 }
@@ -67,6 +79,6 @@
 .empty {
     text-align: center;
     padding-top: 100px;
-    color: #999;
-    font-size: 14px;
+    color: var(--text-secondary);
+    font-size: 16px;
 }
diff --git a/miniprogram/src/pages/order/payment.scss b/miniprogram/src/pages/order/payment.scss
index e0f03e3..58772f3 100644
--- a/miniprogram/src/pages/order/payment.scss
+++ b/miniprogram/src/pages/order/payment.scss
@@ -1,58 +1,62 @@
 .page-container {
   min-height: 100vh;
-  background-color: #f7f8fa;
+  background-color: var(--bg-dark);
   padding: 20px;
 }
 
 .status-header {
   text-align: center;
-  padding: 40px 0;
+  padding: 50px 0;
   
   .amount {
-    font-size: 40px;
+    font-size: 48px;
     font-weight: bold;
-    color: #333;
+    color: var(--primary-green);
     display: block;
+    text-shadow: 0 0 20px rgba(0, 185, 107, 0.3);
   }
   
   .desc {
-    font-size: 14px;
-    color: #999;
-    margin-top: 10px;
+    font-size: 16px;
+    color: var(--text-secondary);
+    margin-top: 15px;
     display: block;
   }
 }
 
 .info-card {
-  background: #fff;
-  border-radius: 12px;
-  padding: 20px;
-  margin-bottom: 30px;
+  background: var(--card-bg);
+  border: 1px solid var(--glass-border);
+  border-radius: 16px;
+  padding: 25px;
+  margin-bottom: 40px;
   
   .row {
     display: flex;
     justify-content: space-between;
-    margin-bottom: 15px;
+    margin-bottom: 20px;
     
     &:last-child { margin-bottom: 0; }
     
-    .label { color: #999; font-size: 14px; }
-    .value { color: #333; font-size: 14px; font-weight: 500; }
+    .label { color: var(--text-secondary); font-size: 16px; }
+    .value { color: var(--text-main); font-size: 16px; font-weight: 500; }
   }
 }
 
 .btn-area {
   .btn-pay {
-    background: #07c160;
+    background: var(--primary-green);
     color: #fff;
     border: none;
-    border-radius: 8px;
-    font-size: 16px;
-    height: 48px;
-    line-height: 48px;
+    border-radius: 12px;
+    font-size: 18px;
+    height: 56px;
+    line-height: 56px;
+    box-shadow: 0 4px 20px rgba(0, 185, 107, 0.4);
     
     &:active {
       opacity: 0.8;
+      transform: scale(0.98);
     }
   }
 }