From 605581e775dcea1d636af6a4061f5539358d6189 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Mon, 12 May 2025 14:44:24 +0800
Subject: [PATCH] =?UTF-8?q?style(app):=20=E4=BC=98=E5=8C=96=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整 render-container 样式，移除内边距，增加外边距和过渡效果
- 修改 home-container高度为 100%，移除多余的内边距
- 统一卡片样式，增加阴影效果
- 优化最新知识和代理部分样式
- 调整底部容器样式和高度
- 注释掉部分未使用的样式
---
 src/views/app/Home.vue | 45 +++++++++++++++---------------------------
 1 file changed, 16 insertions(+), 29 deletions(-)

diff --git a/src/views/app/Home.vue b/src/views/app/Home.vue
index 3580a89..e2c1ba2 100644
--- a/src/views/app/Home.vue
+++ b/src/views/app/Home.vue
@@ -286,22 +286,23 @@ export default {
 @import '@/assets/sass/renderSass/theme.scss';
 .render-container {
   background: #f0f4fa;
-  padding: 10px;
+  padding: 0;
+  margin: 10px;
+  transition: all 0.5s;
+
+  height: calc(100vh - 20px);
   & .home-container {
-    //padding: 20px;
     border-radius: 10px;
-    //background: #f0f4fa;
-    height: calc(100vh - 60px);
+    height: 100%;
     overflow-y: auto;
 
     .home-top-container {
-      margin-bottom: 20px;
+      margin-bottom: 10px;
       padding: 20px;
       background: linear-gradient(135deg, #6a11cb, #2575fc);
       border-radius: 10px;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       overflow: hidden;
-
       .left-container {
         width: 50%;
         color: #fff;
@@ -331,7 +332,7 @@ export default {
         .icon-box {
           width: 40px;
           height: 40px;
-          background-color: rgba(255, 255, 255, 0.2);
+          //background: linear-gradient(135deg, #6a11cb, #2575fc);
           border-radius: 50%;
           display: flex;
           align-items: center;
@@ -341,7 +342,7 @@ export default {
           cursor: pointer;
 
           &:hover {
-            background-color: rgba(255, 255, 255, 0.3);
+            //background: linear-gradient(135deg, #2575fc, #6a11cb);
           }
         }
       }
@@ -358,7 +359,7 @@ export default {
           padding: 20px;
           background-color: #fff;
           border-radius: 10px;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
 
           .card-title {
             font-size: 18px;
@@ -375,14 +376,12 @@ export default {
       .latest-section {
         display: flex;
         justify-content: space-between;
-        margin: 20px 0;
-        //padding: 20px;
+        margin: 10px 0;
 
         .latest-knowledge,
         .latest-agent {
           background: #fff;
-
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
           flex: 1;
           border-radius: 8px;
           padding: 15px;
@@ -416,7 +415,7 @@ export default {
                   width: 60px;
                   height: 60px;
                   line-height: 60px;
-                  background: rgb(209, 233, 255);
+                  background: linear-gradient(135deg, #6a11cb, #2575fc);
                   border-radius: 8px;
                   font-size: 40px;
                   overflow: hidden;
@@ -424,18 +423,6 @@ export default {
                   color: #fff;
                   text-align: center;
                 }
-                & .appType {
-                  position: absolute;
-                  right: 0;
-                  bottom: -5px;
-                  z-index: 1;
-                  width: 20px;
-                  height: 20px;
-                  padding: 2px;
-                  border-radius: 5px;
-                  color: $--color-primary;
-                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-                }
               }
 
               .knowledge-details {
@@ -470,10 +457,10 @@ export default {
     }
 
     .home-bottom-container {
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-      margin-top: 20px;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
+      margin-top: 10px;
       border-radius: 8px;
-      height: calc(100vh - 445px);
+      height: calc(100vh - 375px);
       background-color: #fff;
     }
   }