From 31bc616ad716daf2ba0ec7fa38352644b6293dfc Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 07 四月 2026 11:36:16 +0800
Subject: [PATCH] 1.整体样式修改
---
src/assets/styles/index.scss | 121 +++++++++++++++++++++++++---------------
1 files changed, 75 insertions(+), 46 deletions(-)
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 13d26ee..de72ee0 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -6,27 +6,38 @@
@import './btn.scss';
@import './ruoyi.scss';
-body {
- height: 100%;
- margin: 0;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- text-rendering: optimizeLegibility;
- font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-}
+body {
+ height: 100%;
+ margin: 0;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+ background:
+ radial-gradient(circle at top left, rgba(214, 226, 219, 0.8), transparent 28%),
+ linear-gradient(180deg, #f7faf8 0%, var(--app-bg) 100%);
+ color: var(--text-primary);
+}
-label {
- font-weight: 700;
-}
+label {
+ font-weight: 600;
+ color: var(--text-secondary);
+}
html {
height: 100%;
box-sizing: border-box;
}
-#app {
- height: 100%;
-}
+#app {
+ height: 100%;
+}
+
+html,
+body,
+#app {
+ background-color: var(--app-bg);
+}
*,
*:before,
@@ -122,25 +133,29 @@
}
//main-container鍏ㄥ眬鏍峰紡
-.app-container {
- padding: 20px;
-}
-.search_form {
- display: flex;
- align-items: center;
- justify-content: space-between;
- .search_title {
- font-size: 14px;
- font-weight: 700;
- color: #333333;
- }
-}
-.table_list {
- height: calc(100vh - 11em);
- margin-top: 20px;
- background: #fff;
- padding: 18px
-}
+.app-container {
+ padding: 20px 24px 24px;
+}
+.search_form {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .search_title {
+ font-size: 14px;
+ font-weight: 600;
+ letter-spacing: 0.04em;
+ color: var(--text-secondary);
+ }
+}
+.table_list {
+ height: calc(100vh - 11em);
+ margin-top: 20px;
+ background: rgba(255, 255, 255, 0.88);
+ border: 1px solid var(--surface-border);
+ border-radius: var(--radius-md);
+ box-shadow: var(--shadow-sm);
+ padding: 18px;
+}
.components-container {
margin: 30px 50px;
position: relative;
@@ -174,22 +189,36 @@
}
}
-.link-type,
-.link-type:focus {
- color: #337ab7;
- cursor: pointer;
+.link-type,
+.link-type:focus {
+ color: var(--el-color-primary);
+ cursor: pointer;
+
+ &:hover {
+ color: #165e57;
+ }
+}
- &:hover {
- color: rgb(32, 160, 255);
- }
-}
-
-.filter-container {
- padding-bottom: 10px;
+.filter-container {
+ padding-bottom: 10px;
.filter-item {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
- }
-}
+ }
+}
+
+.app-container,
+.table_list,
+.components-container {
+ .el-card,
+ .el-dialog,
+ .el-drawer,
+ .el-table,
+ .el-descriptions,
+ .el-collapse-item__wrap,
+ .el-tabs__content {
+ border-radius: var(--radius-md);
+ }
+}
--
Gitblit v1.9.3