From f15fb880a1f949c4ae50a8658dff217a3ccce892 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期四, 30 九月 2021 18:33:34 +0800 Subject: [PATCH] 系统设置/维护v1.2 --- src/pages/settings/views/keyboardLanguage.vue | 17 ++++++++++------- 1 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/pages/settings/views/keyboardLanguage.vue b/src/pages/settings/views/keyboardLanguage.vue index c61c9b0..c8a7d6c 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" - ></span + ></span > </div> </div> @@ -45,7 +46,7 @@ class="icon iconfont" style="color: #4E94FF;font-size:16px;" v-show="activeKb == item.id" - ></span + ></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, }; @@ -186,14 +187,16 @@ 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; -- Gitblit v1.8.0