From 6a5962fe9544005dba620b00fb36c25fe2da4e76 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 16 十一月 2021 15:24:46 +0800
Subject: [PATCH] 后端没修改的情况下添加默认背景图

---
 src/pages/syslog/index/App.vue |   43 ++++++++++++++++++++++++-------------------
 1 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/pages/syslog/index/App.vue b/src/pages/syslog/index/App.vue
index 376527a..dc1a3c3 100644
--- a/src/pages/syslog/index/App.vue
+++ b/src/pages/syslog/index/App.vue
@@ -8,7 +8,9 @@
         :class="activePage == i ? 'left-card-active' : ''"
         @click="openMenu(item, i)"
       >
-        <span class="icon iconfont">&#xe646;</span>
+        <span class="icon iconfont" :style="`font-size:${item.size}px`">{{
+          item.icon
+        }}</span>
         <span class="card-text">{{ item.name }}</span>
       </div>
     </div>
@@ -35,10 +37,10 @@
   data() {
     return {
       menuArr: [
-        { name: "鎿嶄綔鏃ュ織" },
-        { name: "绯荤粺鏃ュ織" },
-        { name: "杞鏃ュ織" },
-        { name: "浜嬩欢鎺ㄩ�佹棩蹇�" },
+        { name: "鎿嶄綔鏃ュ織", icon: "\ue706", size: 26 },
+        { name: "绯荤粺鏃ュ織", icon: "\ue730", size: 26 },
+        { name: "杞鏃ュ織", icon: "\ue708", size: 26 },
+        { name: "浜嬩欢鎺ㄩ�佹棩蹇�", icon: "\ue707", size: 15 },
       ],
       activePage: 0,
     };
@@ -58,38 +60,41 @@
   flex: 1;
   flex-basis: auto;
   box-sizing: border-box;
+  background-color: #fff;
   .container-left {
     height: 100%;
-    width: 210px;
+    width: 244px;
     overflow: auto;
     box-sizing: border-box;
     flex-shrink: 0;
     padding: 10px;
-    border-right: 5px solid rgba(248, 248, 248, 1);
+    border-top: 1px solid #e1e0e6;
     box-sizing: border-box;
+    background-color: #fff;
     .left-card {
-      height: 55px;
+      height: 56px;
       cursor: pointer;
-      border-radius: 12px;
-      margin-bottom: 10px;
+      border-radius: 8px;
+      margin-bottom: 4px;
       display: flex;
       align-items: center;
+
       .iconfont {
-        margin-left: 15px;
-        margin-right: 10px;
-        font-size: 20px;
+        margin-left: 17px;
+        margin-right: 27px;
+        font-size: 26px;
       }
       .card-text {
-        font-size: 16px;
+        font-weight: bold;
+        font-size: 14px;
       }
     }
-    .left-card-active{
-        background-color: rgba(61, 104, 225, 1);
-        color: #fff;
+    .left-card-active {
+      background-color: #4e94ff !important;
+      color: #fff;
     }
     .left-card:hover {
-      background-color: rgba(61, 104, 225, 1);
-      color: #fff;
+      background-color: #f2f2f7;
     }
   }
 }

--
Gitblit v1.8.0