From 74e4582ba8bb37d0ca06ee859c69bab985930959 Mon Sep 17 00:00:00 2001
From: birt <2499248221@qq.com>
Date: 星期一, 14 四月 2025 16:06:11 +0800
Subject: [PATCH] style
---
zhitan-vue/src/views/index.vue | 44 +++++++++++++++++++++++++++-----------------
zhitan-vue/src/assets/styles/sidebar.scss | 2 +-
zhitan-vue/src/assets/styles/page.scss | 8 ++++----
3 files changed, 32 insertions(+), 22 deletions(-)
diff --git a/zhitan-vue/src/assets/styles/page.scss b/zhitan-vue/src/assets/styles/page.scss
index f7fb7cc..d13a18a 100644
--- a/zhitan-vue/src/assets/styles/page.scss
+++ b/zhitan-vue/src/assets/styles/page.scss
@@ -163,9 +163,9 @@
display: flex;
.page-container-left {
- width: 280px;
+ width: 220px;
min-height: calc(100vh - 148px);
- border-right: 1px solid #fff;
+ border-right: 1px solid #e8e8e8;
background: #f1f4fa;
.el-tree {
@@ -194,8 +194,8 @@
}
.tree {
- height: calc(100vh - 170px) !important;
- max-height: calc(100vh - 170px) !important;
+ height: calc(100vh - 170px);
+ max-height: calc(100vh - 170px);
overflow-y: auto;
}
}
diff --git a/zhitan-vue/src/assets/styles/sidebar.scss b/zhitan-vue/src/assets/styles/sidebar.scss
index 52245c0..2863bba 100644
--- a/zhitan-vue/src/assets/styles/sidebar.scss
+++ b/zhitan-vue/src/assets/styles/sidebar.scss
@@ -390,7 +390,7 @@
.menu-title {
overflow: hidden !important;
font-weight: 400 !important;
- font-size: 16px !important;
+ font-size: 14px !important;
}
// @media (min-width: 1440px) {
diff --git a/zhitan-vue/src/views/index.vue b/zhitan-vue/src/views/index.vue
index 0805090..cb114db 100644
--- a/zhitan-vue/src/views/index.vue
+++ b/zhitan-vue/src/views/index.vue
@@ -924,7 +924,7 @@
width: 0;
flex: 1 1 320px;
max-width: 320px;
- height: 127px;
+ height: 135px;
background: rgba(242, 246, 250, 0.1);
box-sizing: border-box;
padding: 16px;
@@ -941,7 +941,7 @@
}
.item-left {
- margin-right: 16px;
+ margin-right: 20px;
.top-icon {
width: 73px;
@@ -967,9 +967,12 @@
font-size: 14px;
font-family: OPPOSans-Regular;
color: rgba(255, 255, 255, 0.65);
+ letter-spacing: 0.5px;
+ margin-bottom: 4px;
+
.unit {
color: rgba(255, 255, 255, 0.65);
- margin-left: 2px;
+ margin-left: 4px;
font-size: 12px;
font-weight: normal;
}
@@ -978,29 +981,31 @@
.right-value {
font-weight: 500;
font-size: 26px;
- margin-top: 4px;
+ margin-top: 6px;
font-family: OPPOSans-Medium;
color: #fff;
- line-height: 1;
+ line-height: 1.2;
+ letter-spacing: 0.5px;
}
}
.item-bottom {
display: flex;
justify-content: space-between;
- margin-top: 14px;
+ margin-top: 18px;
font-family: OPPOSans, OPPOSans;
font-weight: normal;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
- line-height: 1;
+ line-height: 1.2;
.bottom-left, .bottom-right {
display: flex;
align-items: center;
+ letter-spacing: 0.3px;
:deep(.el-icon) {
- margin-left: 4px;
+ margin-left: 6px;
font-size: 12px;
}
}
@@ -1082,7 +1087,7 @@
.themeLight {
.page {
padding: 20px;
- background: #f7f8fa;
+ background: #fff;
.card-title {
width: 132px;
@@ -1109,7 +1114,7 @@
width: 0;
flex: 1 1 320px;
max-width: 320px;
- height: 127px;
+ height: 135px;
background: #fff;
box-sizing: border-box;
padding: 16px;
@@ -1121,7 +1126,7 @@
align-items: center;
.item-left {
- margin-right: 16px;
+ margin-right: 20px;
.top-icon {
width: 73px;
@@ -1147,9 +1152,12 @@
font-size: 14px;
font-family: OPPOSans-Regular;
color: rgba(0, 0, 0, 0.65);
+ letter-spacing: 0.5px;
+ margin-bottom: 4px;
+
.unit {
color: rgba(0, 0, 0, 0.65);
- margin-left: 2px;
+ margin-left: 4px;
font-size: 12px;
font-weight: normal;
}
@@ -1158,29 +1166,31 @@
.right-value {
font-weight: 500;
font-size: 26px;
- margin-top: 4px;
+ margin-top: 6px;
font-family: OPPOSans-Medium;
color: #333;
- line-height: 1;
+ line-height: 1.2;
+ letter-spacing: 0.5px;
}
}
.item-bottom {
display: flex;
justify-content: space-between;
- margin-top: 14px;
+ margin-top: 18px;
font-family: OPPOSans, OPPOSans;
font-weight: normal;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
- line-height: 1;
+ line-height: 1.2;
.bottom-left, .bottom-right {
display: flex;
align-items: center;
+ letter-spacing: 0.3px;
:deep(.el-icon) {
- margin-left: 4px;
+ margin-left: 6px;
font-size: 12px;
}
}
--
Gitblit v1.9.3