From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 13 十月 2021 13:51:03 +0800
Subject: [PATCH] 拓扑图

---
 src/pages/syslog/index/App.vue |   11 ++++++-----
 1 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/syslog/index/App.vue b/src/pages/syslog/index/App.vue
index 376527a..2a0533b 100644
--- a/src/pages/syslog/index/App.vue
+++ b/src/pages/syslog/index/App.vue
@@ -8,7 +8,7 @@
         :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 +35,10 @@
   data() {
     return {
       menuArr: [
-        { name: "鎿嶄綔鏃ュ織" },
-        { name: "绯荤粺鏃ュ織" },
-        { name: "杞鏃ュ織" },
-        { name: "浜嬩欢鎺ㄩ�佹棩蹇�" },
+        { name: "鎿嶄綔鏃ュ織",icon:"\ue706",size:19 },
+        { name: "绯荤粺鏃ュ織",icon:"\ue730"  ,size:19},
+        { name: "杞鏃ュ織",icon:"\ue708" ,size:21},
+        { name: "浜嬩欢鎺ㄩ�佹棩蹇�",icon:"\ue707" ,size:13 },
       ],
       activePage: 0,
     };
@@ -58,6 +58,7 @@
   flex: 1;
   flex-basis: auto;
   box-sizing: border-box;
+  background-color: #fff;
   .container-left {
     height: 100%;
     width: 210px;

--
Gitblit v1.8.0