diff --git a/package-lock.json.REMOVED.git-id b/package-lock.json.REMOVED.git-id
new file mode 100644
index 00000000..09d4bdd0
--- /dev/null
+++ b/package-lock.json.REMOVED.git-id
@@ -0,0 +1 @@
+0db501622270146313d905a0a5f39854fb2494ac
\ No newline at end of file
diff --git a/src/assets/style/theme/theme-base.scss.REMOVED.git-id b/src/assets/style/theme/theme-base.scss.REMOVED.git-id
index 0313b944..a92d8174 100644
--- a/src/assets/style/theme/theme-base.scss.REMOVED.git-id
+++ b/src/assets/style/theme/theme-base.scss.REMOVED.git-id
@@ -1 +1 @@
-76c08deda5f3f6bd81e91aeb695cae984eab131e
\ No newline at end of file
+875522462ce00aa53ebb933ad8a70561bf30dfc5
\ No newline at end of file
diff --git a/src/layout/header-aside/components/header-size/index.vue b/src/layout/header-aside/components/header-size/index.vue
new file mode 100644
index 00000000..a59be8ee
--- /dev/null
+++ b/src/layout/header-aside/components/header-size/index.vue
@@ -0,0 +1,45 @@
+<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-dropdown-menu slot="dropdown">
+      <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>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+export default {
+  name: 'd2-size-control',
+  computed: {
+    ...mapState('d2admin/size', [
+      'value'
+    ])
+  },
+  methods: {
+    ...mapMutations('d2admin/size', [
+      'set'
+    ]),
+    handleChange (value) {
+      this.$ELEMENT.size = value
+      this.set(value)
+    },
+    iconName (name) {
+      return name === this.value ? 'dot-circle-o' : 'circle-o'
+    }
+  }
+}
+</script>
diff --git a/src/layout/header-aside/components/header-user/index.vue b/src/layout/header-aside/components/header-user/index.vue
index 735d6c90..9ad21d2b 100644
--- a/src/layout/header-aside/components/header-user/index.vue
+++ b/src/layout/header-aside/components/header-user/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dropdown class="d2-mr">
+  <el-dropdown size="small" class="d2-mr">
     <span class="btn-text">你好 {{info.name}}</span>
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item @click.native="logOff">
diff --git a/src/layout/header-aside/layout.vue b/src/layout/header-aside/layout.vue
index 3a15413c..bc93c903 100644
--- a/src/layout/header-aside/layout.vue
+++ b/src/layout/header-aside/layout.vue
@@ -29,6 +29,7 @@
           <d2-header-error-log/>
           <d2-header-fullscreen/>
           <d2-header-theme/>
+          <d2-header-size/>
           <d2-header-user/>
         </div>
       </div>
@@ -92,6 +93,7 @@ export default {
     'd2-tabs': () => import('./components/tabs'),
     'd2-header-fullscreen': () => import('./components/header-fullscreen'),
     'd2-header-search': () => import('./components/header-search'),
+    'd2-header-size': () => import('./components/header-size'),
     'd2-header-theme': () => import('./components/header-theme'),
     'd2-header-user': () => import('./components/header-user'),
     'd2-header-error-log': () => import('./components/header-error-log')
diff --git a/src/store/modules/d2admin/index.js b/src/store/modules/d2admin/index.js
index 2cc2fbc3..3b844113 100644
--- a/src/store/modules/d2admin/index.js
+++ b/src/store/modules/d2admin/index.js
@@ -11,6 +11,7 @@ import gray from './modules/gray'
 import page from './modules/page'
 import transition from './modules/transition'
 import search from './modules/search'
+import size from './modules/size'
 
 export default {
   namespaced: true,
@@ -27,6 +28,7 @@ export default {
     gray,
     page,
     transition,
-    search
+    search,
+    size
   }
 }
diff --git a/src/store/modules/d2admin/modules/size.js b/src/store/modules/d2admin/modules/size.js
new file mode 100644
index 00000000..ebc13b8f
--- /dev/null
+++ b/src/store/modules/d2admin/modules/size.js
@@ -0,0 +1,38 @@
+export default {
+  namespaced: true,
+  state: {
+    // 尺寸
+    value: 'medium' // small mini
+  },
+  mutations: {
+    /**
+     * @description 设置尺寸
+     * @param {Object} state vuex state
+     * @param {String} size 尺寸
+     */
+    set (state, size) {
+      // store 赋值
+      state.value = size
+      // 持久化
+      this.dispatch('d2admin/db/set', {
+        dbName: 'sys',
+        path: 'size.value',
+        value: state.value,
+        user: true
+      })
+    },
+    /**
+     * @description 从持久化数据读取尺寸设置
+     * @param {Object} state vuex state
+     */
+    async asideCollapseLoad (state) {
+      // store 赋值
+      state.value = await this.dispatch('d2admin/db/get', {
+        dbName: 'sys',
+        path: 'size.value',
+        defaultValue: 'medium',
+        user: true
+      })
+    }
+  }
+}