fix: 推荐标签移到包年;清理永久套餐的残留 CSS
This commit is contained in:
@@ -281,7 +281,6 @@ pub async fn payment_index() -> Result<HttpResponse, AppError> {
|
|||||||
.pkg-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
|
.pkg-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
|
||||||
.pkg-card.selected { border-color: #07c160; background: #f0f7ff; }
|
.pkg-card.selected { border-color: #07c160; background: #f0f7ff; }
|
||||||
.pkg-tag { position: absolute; top: -1px; right: 16px; background: #07c160; color: #fff; font-size: 12px; padding: 4px 10px; border-radius: 0 0 8px 8px; }
|
.pkg-tag { position: absolute; top: -1px; right: 16px; background: #07c160; color: #fff; font-size: 12px; padding: 4px 10px; border-radius: 0 0 8px 8px; }
|
||||||
.pkg-tag.orange { background: #ff6b00; }
|
|
||||||
.pkg-name { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 8px; }
|
.pkg-name { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 8px; }
|
||||||
.pkg-price { font-size: 32px; font-weight: 700; color: #07c160; margin-bottom: 4px; }
|
.pkg-price { font-size: 32px; font-weight: 700; color: #07c160; margin-bottom: 4px; }
|
||||||
.pkg-price .unit { font-size: 14px; font-weight: 400; }
|
.pkg-price .unit { font-size: 14px; font-weight: 400; }
|
||||||
@@ -291,8 +290,6 @@ pub async fn payment_index() -> Result<HttpResponse, AppError> {
|
|||||||
.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; }
|
.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; }
|
||||||
.btn-pay:hover { background: #06ad56; }
|
.btn-pay:hover { background: #06ad56; }
|
||||||
.btn-pay:disabled { background: #d9d9d9; cursor: not-allowed; }
|
.btn-pay:disabled { background: #d9d9d9; cursor: not-allowed; }
|
||||||
.btn-pay.orange { background: #ff6b00; }
|
|
||||||
.btn-pay.orange:hover { background: #ff8c33; }
|
|
||||||
.notice { text-align: center; font-size: 12px; color: #bbb; }
|
.notice { text-align: center; font-size: 12px; color: #bbb; }
|
||||||
.btn-logout { display: block; width: 100%; max-width: 480px; margin: 0 auto; background: #fff; color: #999; border: 1px solid #d9d9d9; border-radius: 12px; padding: 12px; font-size: 14px; cursor: pointer; }
|
.btn-logout { display: block; width: 100%; max-width: 480px; margin: 0 auto; background: #fff; color: #999; border: 1px solid #d9d9d9; border-radius: 12px; padding: 12px; font-size: 14px; cursor: pointer; }
|
||||||
.btn-logout:hover { color: #666; border-color: #999; }
|
.btn-logout:hover { color: #666; border-color: #999; }
|
||||||
@@ -356,7 +353,6 @@ pub async fn payment_index() -> Result<HttpResponse, AppError> {
|
|||||||
<div class="packages-title">选择会员套餐</div>
|
<div class="packages-title">选择会员套餐</div>
|
||||||
|
|
||||||
<div class="pkg-card" data-package="monthly" onclick="selectPackage('monthly')">
|
<div class="pkg-card" data-package="monthly" onclick="selectPackage('monthly')">
|
||||||
<div class="pkg-tag">推荐</div>
|
|
||||||
<div class="pkg-name">包月会员</div>
|
<div class="pkg-name">包月会员</div>
|
||||||
<div class="pkg-price">¥9.9<span class="unit">/月</span></div>
|
<div class="pkg-price">¥9.9<span class="unit">/月</span></div>
|
||||||
<div class="pkg-desc">适合短期使用需求</div>
|
<div class="pkg-desc">适合短期使用需求</div>
|
||||||
@@ -367,6 +363,7 @@ pub async fn payment_index() -> Result<HttpResponse, AppError> {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pkg-card" data-package="yearly" onclick="selectPackage('yearly')">
|
<div class="pkg-card" data-package="yearly" onclick="selectPackage('yearly')">
|
||||||
|
<div class="pkg-tag">推荐</div>
|
||||||
<div class="pkg-name">包年会员</div>
|
<div class="pkg-name">包年会员</div>
|
||||||
<div class="pkg-price">¥59<span class="unit">/年</span></div>
|
<div class="pkg-price">¥59<span class="unit">/年</span></div>
|
||||||
<div class="pkg-desc">相当于每月 ¥4.9,性价比最高</div>
|
<div class="pkg-desc">相当于每月 ¥4.9,性价比最高</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user