From 14368e8a09c4b5793d0975f85e36a4c1d410ca36 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 16 五月 2025 17:27:24 +0800
Subject: [PATCH] feat: UI
---
packages/components/src/styles/rechargeGrid.scss | 61 +++++++++++++++++++++++++-----
1 files changed, 50 insertions(+), 11 deletions(-)
diff --git a/packages/components/src/styles/rechargeGrid.scss b/packages/components/src/styles/rechargeGrid.scss
index aa9ae8e..62edae5 100644
--- a/packages/components/src/styles/rechargeGrid.scss
+++ b/packages/components/src/styles/rechargeGrid.scss
@@ -1,24 +1,59 @@
@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;
}
}
}
.common-content {
- padding: 0 boleGetCssVar('size', 'body-padding-h2');
+ padding: 0 boleGetCssVar('size', 'body-padding-h');
}
.parValue-radio-group {
@@ -128,6 +163,10 @@
margin-left: 20px;
}
}
+
+ &.nut-button--plain {
+ border-width: 1px;
+ }
}
&.electric {
--
Gitblit v1.9.1