diff --git a/src/layout/header-aside/components/header-size/index.vue b/src/layout/header-aside/components/header-size/index.vue
index 2139767f..b8bcf08a 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'