From 80dc90be027ee26869c63860b7d6a0759a03546b Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 20 五月 2025 17:33:53 +0800
Subject: [PATCH] fix: 修改首页ui
---
packages/components/src/styles/card.scss | 110 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 107 insertions(+), 3 deletions(-)
diff --git a/packages/components/src/styles/card.scss b/packages/components/src/styles/card.scss
index c5f3f12..016c08a 100644
--- a/packages/components/src/styles/card.scss
+++ b/packages/components/src/styles/card.scss
@@ -63,12 +63,116 @@
}
.par-account-list {
+ padding-top: 32px;
.nut-radio--button {
- margin-bottom: 20px !important;
+ margin-bottom: 26px !important;
&:last-child {
- margin-right: 20px !important;
- margin-bottom: 20px !important;
+ margin-right: 22px !important;
+ margin-bottom: 26px !important;
}
+
+ .nut-radio__button {
+ padding: 8px 20px;
+ font-size: 22px;
+ background-color: transparent;
+ border: 1px solid #d9d9d9;
+
+ &.nut-radio__button--active {
+ border-color: boleGetCssVar('color', 'primary');
+ }
+
+ &::after {
+ display: none;
+ }
+ }
+ }
+}
+
+.account-cardV2 {
+ .account-cardV2-top {
+ padding-bottom: 12px;
+ border-bottom: 4px solid #f1f1f1;
+ display: flex;
+ margin-bottom: 20px;
+ height: 80px;
+ align-items: center;
+
+ .account-cardV2-content-wrapper {
+ flex: 1;
+ min-width: 0;
+ display: flex;
+ align-items: center;
+
+ .account-cardV2-content {
+ flex-shrink: 1;
+ @include ellipsis;
+ font-weight: 500;
+ font-size: 44px;
+ color: boleGetCssVar('text-color', 'primary');
+ margin-right: 24px;
+ line-height: 1.2;
+ }
+
+ .account-cardV2-edit-icon {
+ width: 40px;
+ height: 40px;
+ }
+
+ .account-cardV2-init-add-icon {
+ width: 60px;
+ height: 60px;
+ margin-right: 12px;
+ }
+
+ .account-cardV2-add-content {
+ flex-shrink: 1;
+ @include ellipsis;
+ font-weight: 500;
+ font-size: 40px;
+ color: boleGetCssVar('text-color', 'regular');
+ line-height: 1.2;
+ }
+ }
+
+ .account-cardV2-add-wrapper {
+ margin-left: 12px;
+ .account-cardV2-add-icon {
+ width: 48px;
+ height: 48px;
+ margin-bottom: 4px;
+ }
+
+ .account-cardV2-add-text {
+ font-size: 20px;
+ color: boleGetCssVar('text-color', 'regular');
+ text-align: center;
+ line-height: 1.2;
+ }
+ }
+ }
+
+ .account-cardV2-add-tips-wrapper {
+ padding-top: 32px;
+ display: flex;
+ align-items: center;
+ margin-bottom: 16px;
+ .account-cardV2-add-tips-icon {
+ width: 32px;
+ height: 32px;
+ margin-right: 8px;
+ }
+
+ .account-cardV2-add-tips {
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'secondary');
+ }
+ }
+
+ .account-cardV2-remark {
+ font-size: 24px;
+ line-height: 32px;
+ color: boleGetCssVar('text-color', 'regular');
+ @include ellipsis;
}
}
--
Gitblit v1.9.1