From cb95fb2371757766fe40561747853c86f092811d Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Sun, 21 Jun 2020 18:40:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=9A=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=A2=9E=E5=8A=A0=E6=8F=90=E7=A4=BA=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/ImgCheckbox.vue | 15 +++++++++------
 src/components/setting/Setting.vue      | 12 ++++--------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/components/checkbox/ImgCheckbox.vue b/src/components/checkbox/ImgCheckbox.vue
index 623b274..cedbee7 100644
--- a/src/components/checkbox/ImgCheckbox.vue
+++ b/src/components/checkbox/ImgCheckbox.vue
@@ -1,10 +1,12 @@
 <template>
-  <div class="img-check-box" @click="toggle">
-    <img :src="img" />
-    <div v-if="sChecked" class="check-item">
-      <a-icon type="check" />
+  <a-tooltip :title="title">
+    <div class="img-check-box" @click="toggle">
+      <img :src="img" />
+      <div v-if="sChecked" class="check-item">
+        <a-icon type="check" />
+      </div>
     </div>
-  </div>
+  </a-tooltip>
 </template>
 
 <script>
@@ -85,7 +87,8 @@ export default {
     },
     value: {
       required: true
-    }
+    },
+    title: String
   },
   data () {
     return {
diff --git a/src/components/setting/Setting.vue b/src/components/setting/Setting.vue
index b5d625c..42c78bc 100644
--- a/src/components/setting/Setting.vue
+++ b/src/components/setting/Setting.vue
@@ -2,8 +2,8 @@
   <a-layout-sider class="sider" width="273">
     <setting-item title="整体风格设置">
       <img-checkbox-group @change="setTheme">
-        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
-        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" value="light"/>
+        <img-checkbox title="暗色菜单风格" img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
+        <img-checkbox title="亮色菜单风格" img="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" value="light"/>
       </img-checkbox-group>
     </setting-item>
     <setting-item title="主题色">
@@ -14,8 +14,8 @@
     <a-divider/>
     <setting-item title="导航设置">
       <img-checkbox-group @change="setLayout">
-        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" :checked="true" value="side"/>
-        <img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" value="head"/>
+        <img-checkbox title="侧边导航" img="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" :checked="true" value="side"/>
+        <img-checkbox title="顶部导航" img="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" value="head"/>
       </img-checkbox-group>
     </setting-item>
     <setting-item>
@@ -44,10 +44,6 @@
           色弱模式
           <a-switch :checked="weekMode" slot="actions" size="small" @change="setWeekMode" />
         </a-list-item>
-        <a-list-item>
-          显示抽屉按钮
-          <a-switch slot="actions" size="small" />
-        </a-list-item>
         <a-list-item>
           多页签模式
           <a-switch :checked="multiPage" slot="actions" size="small" @change="setMultiPage" />