From c5bf3cfc953f9865bd70f109363c2ea4e45c0c96 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 15 五月 2025 17:05:34 +0800
Subject: [PATCH] fix: 修改首页ui
---
packages/components/src/styles/rechargeGrid.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 45 insertions(+), 10 deletions(-)
diff --git a/packages/components/src/styles/rechargeGrid.scss b/packages/components/src/styles/rechargeGrid.scss
index 8695d25..62edae5 100644
--- a/packages/components/src/styles/rechargeGrid.scss
+++ b/packages/components/src/styles/rechargeGrid.scss
@@ -1,18 +1,53 @@
@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;
+ }
+
+ .recharge-list-item-button {
+ font-size: 26px;
+ height: 48px;
+ padding: 18px;
+ }
+
+ .discountTag {
+ position: absolute;
+ padding: 0px 20px;
+ border-radius: 0px 16px 0 16px;
+ background: linear-gradient(133deg, #ff6d6e 0%, #ff4d4f 100%);
+ color: #fff;
+ font-size: 20px;
+ line-height: 32px;
+ position: absolute;
+ top: -16px;
+ left: 0;
}
}
}
--
Gitblit v1.9.1