fix: 添加季卡/半年卡HTML卡片+原价删除线显示

src/handlers/payment.rs

@@ -21,6 +21,7 @@ use crate::models::{Claims, CreateOrderRequest, MockConfirmRequest};
 struct PackageInfo {
     amount: i32,
     display_amount: &'static str,
+    original_amount: &'static str,
     display_name: &'static str,
     days: Option<i64>,
 }
@@ -30,24 +31,28 @@ fn get_package_info(package_type: &str) -> Option<PackageInfo> {
         "monthly" => Some(PackageInfo {
             amount: 590,
             display_amount: "5.9",
+            original_amount: "9.9",
             display_name: "包月会员",
             days: Some(30),
         }),
         "quarterly" => Some(PackageInfo {
             amount: 1680,
             display_amount: "16.8",
+            original_amount: "29",
             display_name: "季卡会员",
             days: Some(90),
         }),
         "half_year" => Some(PackageInfo {
             amount: 3190,
             display_amount: "31.9",
+            original_amount: "49",
             display_name: "半年会员",
             days: Some(182),
         }),
         "yearly" => Some(PackageInfo {
             amount: 6020,
             display_amount: "60.2",
+            original_amount: "99",
             display_name: "包年会员",
             days: Some(365),
         }),
@@ -348,6 +353,7 @@ pub async fn payment_index() -> Result<HttpResponse, AppError> {
   .pkg-price { font-size: 32px; font-weight: 700; color: #07c160; margin-bottom: 4px; }
   .pkg-price .unit { font-size: 14px; font-weight: 400; }
   .pkg-desc { font-size: 13px; color: #999; }
+  .pkg-original { font-size: 14px; color: #bbb; text-decoration: line-through; margin-right: 4px; }
   .pkg-features { margin-top: 12px; padding-top: 12px; border-top: 1px solid #f0f0f0; }
   .pkg-feature { font-size: 13px; color: #666; margin-bottom: 6px; }
   .btn-pay { display: block; width: 100%; max-width: 480px; margin: 0 auto 16px; background: #07c160; color: #fff; border: none; border-radius: 12px; padding: 16px; font-size: 17px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
@@ -417,7 +423,7 @@ pub async fn payment_index() -> Result<HttpResponse, AppError> {
 
   <div class="pkg-card" data-package="monthly" onclick="selectPackage('monthly')">
     <div class="pkg-name">包月会员</div>
-    <div class="pkg-price">¥9.9<span class="unit">/月</span></div>
+    <div class="pkg-price"><span class="pkg-original">¥9.9</span> ¥5.9<span class="unit">/月</span></div>
     <div class="pkg-desc">适合短期使用需求</div>
     <div class="pkg-features">
       <div class="pkg-feature">每月 500 条存储记录</div>
@@ -425,11 +431,31 @@ pub async fn payment_index() -> Result<HttpResponse, AppError> {
     </div>
   </div>
 
+  <div class="pkg-card" data-package="quarterly" onclick="selectPackage('quarterly')">
+    <div class="pkg-name">季卡会员</div>
+    <div class="pkg-price"><span class="pkg-original">¥29</span> ¥16.8<span class="unit">/季</span></div>
+    <div class="pkg-desc">适合中期使用</div>
+    <div class="pkg-features">
+      <div class="pkg-feature">每季 500 条存储记录</div>
+      <div class="pkg-feature">查看完整历史记录</div>
+    </div>
+  </div>
+
+  <div class="pkg-card" data-package="half_year" onclick="selectPackage('half_year')">
+    <div class="pkg-name">半年会员</div>
+    <div class="pkg-price"><span class="pkg-original">¥49</span> ¥31.9<span class="unit">/半年</span></div>
+    <div class="pkg-desc">性价比之选</div>
+    <div class="pkg-features">
+      <div class="pkg-feature">半年 500 条存储记录</div>
+      <div class="pkg-feature">查看完整历史记录</div>
+    </div>
+  </div>
+
   <div class="pkg-card" data-package="yearly" onclick="selectPackage('yearly')">
     <div class="pkg-tag">推荐</div>
     <div class="pkg-name">包年会员</div>
-    <div class="pkg-price">¥59<span class="unit">/年</span></div>
+    <div class="pkg-price"><span class="pkg-original">¥99</span> ¥60.2<span class="unit">/年</span></div>
-    <div class="pkg-desc">相当于每月 ¥4.9，性价比最高</div>
+    <div class="pkg-desc">相当于每月 ¥5.0，性价比最高</div>
     <div class="pkg-features">
       <div class="pkg-feature">每年 5000 条存储记录</div>
       <div class="pkg-feature">查看完整历史记录</div>