From 8bf8de7d841e232bb9da5f44730c951b0d7f3aaa Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 20 五月 2026 14:30:41 +0800
Subject: [PATCH] 进销存pro 1.菜单栏折叠后样式优化

---
 src/assets/styles/index.scss |  101 +++++++++++++++++++++++++-------------------------
 1 files changed, 51 insertions(+), 50 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index de72ee0..39d03cf 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -9,30 +9,31 @@
 body {
   height: 100%;
   margin: 0;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
+  -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%);
+    radial-gradient(circle at 9% -6%, rgba(59, 130, 246, 0.14), transparent 36%),
+    radial-gradient(circle at 88% -8%, rgba(56, 189, 248, 0.12), transparent 30%),
+    linear-gradient(165deg, #f3f7fc 0%, #eef5ff 54%, #f8fbff 100%);
   color: var(--text-primary);
 }
 
-label {
-  font-weight: 600;
-  color: var(--text-secondary);
-}
+label {
+  font-weight: 600;
+  color: var(--text-secondary);
+}
 
 html {
   height: 100%;
   box-sizing: border-box;
 }
 
-#app {
-  height: 100%;
-}
-
+#app {
+  height: 100%;
+}
+
 html,
 body,
 #app {
@@ -109,16 +110,17 @@
   }
 }
 
-aside {
-  background: #eef1f6;
-  padding: 8px 24px;
-  margin-bottom: 20px;
-  border-radius: 2px;
+aside {
+  background: rgba(255, 255, 255, 0.84);
+  padding: 8px 24px;
+  margin-bottom: 20px;
+  border-radius: 12px;
+  border: 1px solid var(--surface-border);
   display: block;
   line-height: 32px;
   font-size: 16px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  color: #2c3e50;
+  color: var(--text-secondary);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
@@ -133,27 +135,26 @@
 }
 
 //main-container鍏ㄥ眬鏍峰紡
-.app-container {
-  padding: 20px 24px 24px;
-}
+.app-container {
+  padding: 20px 24px 24px;
+}
 .search_form {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   .search_title {
-    font-size: 14px;
-    font-weight: 600;
-    letter-spacing: 0.04em;
+    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);
+  background: var(--panel-mask);
   border: 1px solid var(--surface-border);
   border-radius: var(--radius-md);
   box-shadow: var(--shadow-sm);
+  backdrop-filter: blur(12px);
   padding: 18px;
 }
 .components-container {
@@ -191,34 +192,34 @@
 
 .link-type,
 .link-type:focus {
-  color: var(--el-color-primary);
+  color: var(--accent-light);
   cursor: pointer;
 
   &:hover {
-    color: #165e57;
+    color: #2563eb;
   }
 }
 
-.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);
-  }
-}
+  }
+}
+
+.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