fix: 添加季卡/半年卡HTML卡片+原价删除线显示
This commit is contained in:
@@ -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-desc">相当于每月 ¥4.9,性价比最高</div>
|
||||
<div class="pkg-price"><span class="pkg-original">¥99</span> ¥60.2<span class="unit">/年</span></div>
|
||||
<div class="pkg-desc">相当于每月 ¥5.0,性价比最高</div>
|
||||
<div class="pkg-features">
|
||||
<div class="pkg-feature">每年 5000 条存储记录</div>
|
||||
<div class="pkg-feature">查看完整历史记录</div>
|
||||
|
||||
Reference in New Issue
Block a user