From 4ff29e301de38488db0ff04f0209c99e37cf30b4 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 07 十二月 2021 18:56:34 +0800
Subject: [PATCH] 对比库管理

---
 src/pages/settings/views/keyboardLanguage.vue |   25 ++++++++++++++++---------
 1 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/pages/settings/views/keyboardLanguage.vue b/src/pages/settings/views/keyboardLanguage.vue
index c61c9b0..5dd7d88 100644
--- a/src/pages/settings/views/keyboardLanguage.vue
+++ b/src/pages/settings/views/keyboardLanguage.vue
@@ -10,7 +10,8 @@
           @click="openRight( i)"
           ref="leftbar"
         >
-          <span class="iconfont">{{ item.icon }}</span>
+          <img :src="item.icon_black" alt="" v-if="activePage != i" class="secondIcon">
+          <img :src="item.icon_white" alt="" v-else class="secondIcon">
           <span class="title">{{ item.name }}</span>
         </div>
       </div>
@@ -28,7 +29,7 @@
               class="icon iconfont"
               style="color: var(--colorCard);font-size:16px;"
               v-show="activeLang == item.Lang"
-              >&#xe6f1;</span
+              >&#xe759;</span
             >
           </div>
         </div>
@@ -45,7 +46,7 @@
               class="icon iconfont"
               style="color: #4E94FF;font-size:16px;"
               v-show="activeKb == item.id"
-              >&#xe6f1;</span
+              >&#xe759;</span
             >
           </div>
         </div>
@@ -72,8 +73,8 @@
       langList: [],
       keyboardList: [],
       tabList: [
-        { name: "绯荤粺璇█", icon: "\ue6e8" },
-        { name: "閿洏绠＄悊", icon: "\ue6fe" },
+        { name: "绯荤粺璇█", icon: "\ue74a" ,icon_white:"/images/settings/璇█-鐧�.png",icon_black:"/images/settings/璇█-榛�.png"},
+        { name: "閿洏绠＄悊", icon: "\ue74e" ,icon_white:"/images/settings/閿洏-鐧�.png",icon_black:"/images/settings/閿洏-榛�.png"},
       ],
       activePage: 0,
     };
@@ -168,9 +169,11 @@
     overflow: auto;
     box-sizing: border-box;
     flex-shrink: 0;
-    padding: 24px 10px 0px 10px;
+    padding: 6px 10px 0px 10px;
     background-color: #FBFAFF;
     border-right: 4px solid #F2F2F7;
+    border-top: 4px solid #F2F2F7;
+    border-left: 4px solid #F2F2F7;
     .menu-item {
     /*   background-color: #F2F2F7; */
       height: 56px;
@@ -181,19 +184,21 @@
       padding: 0 20px;cursor: pointer;
       display: flex;
       align-items: center;
-      color: #333;
+      color: #4F4F4F;
       .title {
         font-size: 16px;
         font-weight: 700;
       }
-      .iconfont {
+      .secondIcon {
         margin: 15px;
-        font-size: 24px;
+        width: 24px;
+        height: 24px;
       }
     }
     .menu-item-active {
       background-color: var(--colorCard) !important;
       color: white;
+      
     }
     .menu-item:hover {
       background-color: #F2F2F7;
@@ -206,6 +211,8 @@
     box-sizing: border-box;
     position: relative;
     padding: 10px;
+    padding-top: 6px;
+    border-top: 4px solid #F2F2F7;
     .el-form-item.is-required:not(.is-no-asterisk)
       > .el-form-item__label:before,
     .el-form-item.is-required:not(.is-no-asterisk)

--
Gitblit v1.8.0