From 173bd25d7467354ad2f989f6a128cc2da7863a35 Mon Sep 17 00:00:00 2001 From: milky0217 Date: Tue, 2 Jun 2026 13:13:55 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BD=91=E9=A1=B5=E7=AB=AF=E6=94=AF?= =?UTF-8?q?=E4=BB=98=E9=A1=B5=E5=93=8D=E5=BA=94=E5=BC=8F=E8=AE=BE=E8=AE=A1?= =?UTF-8?q?-=E7=B4=A7=E5=87=91=E5=B8=83=E5=B1=80+=E6=89=8B=E6=9C=BA?= =?UTF-8?q?=E7=AB=AF=E9=80=82=E9=85=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/handlers/payment.rs | 29 ++++++++++++++++++++++------- 1 file changed, 22 insertions(+), 7 deletions(-) diff --git a/src/handlers/payment.rs b/src/handlers/payment.rs index 9f8ad4b..96075c4 100644 --- a/src/handlers/payment.rs +++ b/src/handlers/payment.rs @@ -332,19 +332,19 @@ pub async fn payment_index() -> Result { /* ===== 会员区域 ===== */ .paid-section { display: none; } - .paid-banner { background: linear-gradient(135deg, #07c160, #06ad56); color: #fff; padding: 48px 24px; text-align: center; } - .paid-banner h2 { font-size: 24px; margin-bottom: 8px; } - .paid-banner p { font-size: 14px; opacity: 0.9; } - .paid-info { background: #fff; margin: -20px 16px 16px; border-radius: 16px; padding: 24px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); } - .paid-info-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; } + .paid-banner { background: linear-gradient(135deg, #07c160, #06ad56); color: #fff; padding: 32px 20px 28px; text-align: center; } + .paid-banner h2 { font-size: 20px; margin-bottom: 4px; } + .paid-banner p { font-size: 13px; opacity: 0.85; } + .paid-info { background: #fff; margin: -16px 12px 0; border-radius: 14px; padding: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); position: relative; z-index: 1; } + .paid-info-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px; } .paid-info-row:last-child { border-bottom: none; } .paid-info-label { color: #999; } .paid-info-value { color: #333; font-weight: 500; } .paid-badge { display: inline-block; background: #07c160; color: #fff; font-size: 12px; padding: 2px 8px; border-radius: 4px; } /* ===== 套餐区域 ===== */ - .packages { display: none; max-width: 480px; margin: 0 auto; padding: 0 16px 80px; } - .packages-title { text-align: center; padding: 40px 0 24px; font-size: 20px; color: #333; } + .packages { display: none; max-width: 480px; margin: 0 auto; padding: 0 12px 60px; } + .packages-title { text-align: center; padding: 28px 0 20px; font-size: 18px; color: #333; } .pkg-card { background: #fff; border-radius: 16px; padding: 24px; margin-bottom: 16px; cursor: pointer; transition: all 0.2s; border: 2px solid transparent; position: relative; } .pkg-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); } .pkg-card.selected { border-color: #07c160; background: #f0f7ff; } @@ -365,6 +365,21 @@ pub async fn payment_index() -> Result { /* 错误提示 */ .error-msg { background: #fff2f0; color: #cf1322; border: 1px solid #ffccc7; border-radius: 8px; padding: 12px; margin-bottom: 16px; font-size: 14px; display: none; } + + @media (max-width: 480px) { + .paid-banner { padding: 24px 16px 20px; } + .paid-banner h2 { font-size: 18px; } + .paid-info { margin: -14px 8px 0; padding: 16px; border-radius: 12px; } + .paid-info-row { font-size: 13px; padding: 8px 0; } + .packages-title { font-size: 16px; padding: 20px 0 16px; } + .pkg-card { padding: 16px; margin-bottom: 12px; } + .pkg-name { font-size: 16px; } + .pkg-price { font-size: 26px; } + .pkg-desc { font-size: 12px; } + .pkg-original { font-size: 13px; } + .pkg-feature { font-size: 12px; } + .btn-pay { padding: 14px; font-size: 16px; } + }