From ed892740157994092ab9a5b383c0ced48344abaf Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期二, 09 十一月 2021 13:47:46 +0800 Subject: [PATCH] 暂存 --- src/pages/syslog/index/App.vue | 19 +++++++++++-------- 1 files changed, 11 insertions(+), 8 deletions(-) diff --git a/src/pages/syslog/index/App.vue b/src/pages/syslog/index/App.vue index 2a0533b..4b58fc0 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" :style="`font-size:${item.size}px`">{{item.icon}}</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: "鎿嶄綔鏃ュ織",icon:"\ue706",size:19 }, - { name: "绯荤粺鏃ュ織",icon:"\ue730" ,size:19}, - { name: "杞鏃ュ織",icon:"\ue708" ,size:21}, - { name: "浜嬩欢鎺ㄩ�佹棩蹇�",icon:"\ue707" ,size:13 }, + { name: "鎿嶄綔鏃ュ織", icon: "\ue706", size: 19 }, + { name: "绯荤粺鏃ュ織", icon: "\ue730", size: 19 }, + { name: "杞鏃ュ織", icon: "\ue708", size: 21 }, + { name: "浜嬩欢鎺ㄩ�佹棩蹇�", icon: "\ue707", size: 13 }, ], activePage: 0, }; @@ -67,6 +69,7 @@ flex-shrink: 0; padding: 10px; border-right: 5px solid rgba(248, 248, 248, 1); + border-top: 1px solid #e1e0e6; box-sizing: border-box; .left-card { height: 55px; @@ -84,9 +87,9 @@ font-size: 16px; } } - .left-card-active{ - background-color: rgba(61, 104, 225, 1); - color: #fff; + .left-card-active { + background-color: rgba(61, 104, 225, 1); + color: #fff; } .left-card:hover { background-color: rgba(61, 104, 225, 1); -- Gitblit v1.8.0