From f181bdb7426b57e6c9e6feb34ce9dfebc6ba778e Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Thu, 24 Jan 2019 17:35:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8E=A7=E4=BB=B6=E5=B0=BA?=
 =?UTF-8?q?=E5=AF=B8=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: a4e12c894856cac2b663f5b2ec6c1485bff2bd1e
---
 .../components/header-size/index.vue          | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/layout/header-aside/components/header-size/index.vue b/src/layout/header-aside/components/header-size/index.vue
index 2139767..b8bcf08 100644
--- a/src/layout/header-aside/components/header-size/index.vue
+++ b/src/layout/header-aside/components/header-size/index.vue
@@ -1,20 +1,16 @@
 <template>
   <el-dropdown placement="bottom" size="small" @command="handleChange">
-    <el-button class="d2-mr btn-text can-hover" type="text">
-      <d2-icon name="font" style="font-size: 16px;"/>
-    </el-button>
+    <el-tooltip
+      effect="dark"
+      content="控件尺寸"
+      placement="right">
+      <el-button class="d2-mr btn-text can-hover" type="text">
+        <d2-icon name="font" style="font-size: 16px;"/>
+      </el-button>
+    </el-tooltip>
     <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item command="default">
-        <d2-icon :name="iconName('default')" class="d2-mr-5"/>默认
-      </el-dropdown-item>
-      <el-dropdown-item command="medium">
-        <d2-icon :name="iconName('medium')" class="d2-mr-5"/>中
-      </el-dropdown-item>
-      <el-dropdown-item command="small">
-        <d2-icon :name="iconName('small')" class="d2-mr-5"/>小
-      </el-dropdown-item>
-      <el-dropdown-item command="mini">
-        <d2-icon :name="iconName('mini')" class="d2-mr-5"/>最小
+      <el-dropdown-item v-for="item in options" :key="item.value" :command="item.value">
+        <d2-icon :name="iconName(item.value)" class="d2-mr-5"/>{{item.label}}
       </el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
@@ -24,6 +20,16 @@
 import { mapState, mapMutations, mapActions } from 'vuex'
 export default {
   name: 'd2-header-size',
+  data () {
+    return {
+      options: [
+        { label: '默认', value: 'default' },
+        { label: '中', value: 'medium' },
+        { label: '小', value: 'small' },
+        { label: '最小', value: 'mini' }
+      ]
+    }
+  },
   computed: {
     ...mapState('d2admin/size', [
       'value'