From 1ba3a11308cf59c513d70fbc3608961f19a02621 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 14 五月 2025 17:41:50 +0800
Subject: [PATCH] fix: ui
---
packages/components/src/styles/rechargeGrid.scss | 54 ++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 44 insertions(+), 10 deletions(-)
diff --git a/packages/components/src/styles/rechargeGrid.scss b/packages/components/src/styles/rechargeGrid.scss
index 8695d25..9de07be 100644
--- a/packages/components/src/styles/rechargeGrid.scss
+++ b/packages/components/src/styles/rechargeGrid.scss
@@ -1,18 +1,52 @@
@use './common.scss' as *;
-.recharge-grid-wrapper {
- padding-left: 0 !important;
- margin-top: 40px;
+.recharge-list-wrapper {
+ margin-top: 28px;
- .recharge-grid-item {
- .nut-grid-item__text {
- font-size: 36rpx;
- color: boleGetCssVar('text-color', 'primary');
+ .recharge-list-item {
+ position: relative;
+ height: 160px;
+ background: #f3f8ff;
+ border-radius: 16px;
+ margin-bottom: 26px;
+ display: flex;
+ align-items: center;
+ padding: 0 32px;
+
+ &:last-child {
+ margin-bottom: 0;
}
- .recharge-grid-item-icon {
- width: 64px;
- height: 64px;
+ .recharge-list-item-icon {
+ width: 68px;
+ height: 68px;
+ margin-right: 24px;
+ }
+
+ .recharge-list-item-text {
+ font-weight: 400;
+ font-size: 34px;
+ color: boleGetCssVar('text-color', 'primary');
+ flex: 1;
+ min-width: 0;
+ }
+
+ .discountTag {
+ position: absolute;
+ padding: 8px 16px;
+ border-radius: 0px 0 20px 0;
+ background: linear-gradient(
+ 186deg,
+ rgba(255, 129, 45, 0.08) 14.82%,
+ rgba(238, 67, 67, 0.08) 91.5%
+ );
+ color: #fb5100;
+ font-size: 24px;
+ font-weight: 700;
+ line-height: 28px;
+ position: absolute;
+ top: -2px;
+ left: -2px;
}
}
}
--
Gitblit v1.9.1