From ddddcf83e7deb9d0a674d2bbead300089530d87e Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 21 五月 2025 13:24:07 +0800
Subject: [PATCH] feat: UI
---
packages/components/src/styles/card.scss | 179 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 176 insertions(+), 3 deletions(-)
diff --git a/packages/components/src/styles/card.scss b/packages/components/src/styles/card.scss
index c5f3f12..d56188b 100644
--- a/packages/components/src/styles/card.scss
+++ b/packages/components/src/styles/card.scss
@@ -63,12 +63,185 @@
}
.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;
+ }
+}
+
+.user-account-card {
+ border-radius: 20px;
+ padding: 32px;
+
+ .user-account-card-title {
+ display: flex;
+ align-items: center;
+ margin-bottom: 26px;
+ color: boleGetCssVar('text-color', 'primary');
+
+ .user-account-card-icon {
+ width: 88px;
+ height: 88px;
+ margin-right: 26px;
+ }
+
+ .user-account-card-title-text {
+ font-size: 36px;
+ line-height: 50px;
+ font-weight: 500;
+ }
+ }
+
+ .user-account-card-content {
+ font-size: 34px;
+ font-weight: 400;
+ line-height: 48px;
+ margin-bottom: 14px;
+ color: boleGetCssVar('text-color', 'primary');
+ @include ellipsis;
+ }
+
+ .user-account-card-remark {
+ font-size: 30px;
+ line-height: 42px;
+ font-weight: 400;
+ margin-bottom: 20px;
+ color: boleGetCssVar('text-color', 'secondary');
+ @include ellipsis;
+ }
+
+ .user-account-card-actions {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+
+ .user-account-card-action {
+ display: flex;
+ align-items: center;
+
+ .user-account-card-action-icon {
+ width: 40px;
+ height: 40px;
+ margin-right: 12px;
+ }
+
+ .user-account-card-action-text {
+ font-size: 26px;
+ line-height: 36px;
+ color: boleGetCssVar('text-color', 'regular');
+ }
+ }
+
+ .user-account-card-action + .user-account-card-action {
+ margin-left: 64px;
}
}
}
--
Gitblit v1.9.1