diff --git a/TODO b/TODO
new file mode 100644
index 00000000..a0814dfd
--- /dev/null
+++ b/TODO
@@ -0,0 +1,3 @@
+
+Todo:
+  ☐ Item
diff --git a/src/assets/style/theme/tomorrow-night-blue/setting.scss b/src/assets/style/theme/tomorrow-night-blue/setting.scss
index de637b5b..f80e797f 100644
--- a/src/assets/style/theme/tomorrow-night-blue/setting.scss
+++ b/src/assets/style/theme/tomorrow-night-blue/setting.scss
@@ -29,26 +29,26 @@ $theme-header-item-color: #FF929A;
 $theme-header-item-background-color: transparent;
 // 顶栏上的项目在 hover 时
 $theme-header-item-color-hover: #FFEBA4;
-$theme-header-item-background-color-hover: #00162D;
+$theme-header-item-background-color-hover: rgba(#FFF, .05);
 // 顶栏上的项目在 focus 时
 $theme-header-item-color-focus: #FFB870;
-$theme-header-item-background-color-focus: #00162D;
+$theme-header-item-background-color-focus: rgba(#FFF, .05);
 // 顶栏上的项目在 active 时
 $theme-header-item-color-active: #FFB870;
-$theme-header-item-background-color-active: #00162D;
+$theme-header-item-background-color-active: rgba(#FFF, .05);
 
 // 侧边栏上的文字颜色
 $theme-aside-item-color: #FF929A;
 $theme-aside-item-background-color: transparent;
 // 侧边栏上的项目在 hover 时
 $theme-aside-item-color-hover: #FFEBA4;
-$theme-aside-item-background-color-hover: #00162D;
+$theme-aside-item-background-color-hover: rgba(#FFF, .05);
 // 侧边栏上的项目在 focus 时
 $theme-aside-item-color-focus: #FFB870;
-$theme-aside-item-background-color-focus: #00162D;
+$theme-aside-item-background-color-focus: rgba(#FFF, .05);
 // 侧边栏上的项目在 active 时
 $theme-aside-item-color-active: #FFB870;
-$theme-aside-item-background-color-active: #00162D;
+$theme-aside-item-background-color-active: rgba(#FFF, .05);
 
 // 侧边栏菜单为空的时候显示的元素
 $theme-aside-menu-empty-icon-color: #FFB870;
diff --git a/src/components/core/d2-multiple-page-control/index.vue b/src/components/core/d2-multiple-page-control/index.vue
index 69ffb473..4091e85b 100644
--- a/src/components/core/d2-multiple-page-control/index.vue
+++ b/src/components/core/d2-multiple-page-control/index.vue
@@ -5,20 +5,27 @@
     type="card"
     @tab-click="handleClick">
     <el-tab-pane
-      v-for="n in 20"
-      :key="n"
-      :label="`页面 ${n}`"
-      :name="`page${n}`">
+      v-for="(page, index) in pageList"
+      :key="index"
+      :label="page.title"
+      :name="page.name">
     </el-tab-pane>
   </el-tabs>
 </template>
+
 <script>
+import { mapState, mapMutations } from 'vuex'
 export default {
   data () {
     return {
       activeName: 'first'
     }
   },
+  computed: {
+    ...mapState({
+      pageList: state => state.d2admin.pageList
+    })
+  },
   methods: {
     handleClick (tab, event) {
       // console.log(tab, event)
diff --git a/src/router/index.js.REMOVED.git-id b/src/router/index.js.REMOVED.git-id
index 2b0924e1..39828885 100644
--- a/src/router/index.js.REMOVED.git-id
+++ b/src/router/index.js.REMOVED.git-id
@@ -1 +1 @@
-606766b63bfb19d2bc7fc5a4885a8428c20971a0
\ No newline at end of file
+b6ab24082bf827aca85248d9163c9ecb8b23de1d
\ No newline at end of file
diff --git a/src/store/modules/d2admin.js b/src/store/modules/d2admin.js
index 9ff32a3a..7f01c44b 100644
--- a/src/store/modules/d2admin.js
+++ b/src/store/modules/d2admin.js
@@ -10,7 +10,14 @@ export default {
     isGrayMode: false,
     // 主题
     themeList,
-    themeActive: themeList[1]
+    themeActive: themeList[1],
+    // 多页
+    pageList: [
+      {
+        name: 'index',
+        title: '首页'
+      }
+    ]
   },
   mutations: {
     /**