修改：侧边设置增加提示；

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 {

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" />