From 9453bef1fc4a3121b28ffa6617f0fbfc81d9f634 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 19 五月 2025 17:35:11 +0800
Subject: [PATCH] fix: 修改首页ui
---
packages/components/src/styles/mine.scss | 68 +++++++++++++++++++++++++++++++++
1 files changed, 67 insertions(+), 1 deletions(-)
diff --git a/packages/components/src/styles/mine.scss b/packages/components/src/styles/mine.scss
index ebf77eb..0ce2502 100644
--- a/packages/components/src/styles/mine.scss
+++ b/packages/components/src/styles/mine.scss
@@ -7,7 +7,6 @@
}
.dashboard-view {
- padding-top: 40px;
.pro-statistics-wrapper {
text-align: center;
// display: flex;
@@ -23,4 +22,71 @@
font-size: 28px;
}
}
+
+ .dashboard-large-cell {
+ display: flex;
+ align-items: center;
+ padding: 16px 0;
+ background: linear-gradient(90deg, #fff0ea 0%, #faf9f4 52%, #f1fffd 100%);
+ border-radius: 12px;
+ justify-content: space-between;
+ gap: 34px;
+
+ .dashboard-item-wrapper {
+ background: transparent;
+ flex: 1;
+ min-width: 0;
+ }
+ }
+
+ .dashboard-large-cell1 {
+ margin-bottom: 32px;
+ }
+
+ .dashboard-item-grad {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 32px;
+ }
+}
+
+.dashboard-item-wrapper {
+ background: linear-gradient(90deg, #edf6ff 0%, #f6f6fe 55%, #f9fdfe 100%);
+ border-radius: 12px;
+ padding: 24px;
+
+ .dashboard-item-title-wrapper {
+ display: flex;
+ align-items: center;
+ margin-bottom: 20px;
+
+ .dashboard-item-title-icon {
+ width: 48px;
+ height: 48px;
+ margin-right: 16px;
+ }
+
+ .dashboard-item-title {
+ font-size: 26px;
+ color: boleGetCssVar('text-color', 'regular');
+ }
+ }
+
+ .dashboard-item-value-wrapper {
+ display: flex;
+ align-items: flex-end;
+ font-weight: bold;
+ font-size: 34px;
+ color: #161b2e;
+
+ .dashboard-item-symbol {
+ font-size: 26px;
+ }
+
+ .dashboard-item-value {
+ flex: 1;
+ min-width: 0;
+ @include ellipsis;
+ }
+ }
}
--
Gitblit v1.9.1