diff --git a/src/components/core/d2-multiple-page-control/index.vue b/src/components/core/d2-multiple-page-control/index.vue
index db7e0a59..5ac95c0b 100644
--- a/src/components/core/d2-multiple-page-control/index.vue
+++ b/src/components/core/d2-multiple-page-control/index.vue
@@ -4,7 +4,8 @@
     :value="pageCurrent"
     type="card"
     :closable="true"
-    @tab-click="handleClick">
+    @tab-click="handleClick"
+    @edit="handleTabsEdit">
     <el-tab-pane
       v-for="(page, index) in pageOpenedList"
       :key="index"
@@ -38,6 +39,49 @@ export default {
           query: page.query
         })
       }
+    },
+    handleTabsEdit(tagName, action) {
+      if (action === 'remove') {
+        this.closeTag(tagName)
+      }
+    },
+    /**
+     * 关闭一个指定的 tag
+     */
+    closeTag (tagName) {
+      // 下个新的页面
+      let newPage = this.pageOpenedList[0]
+      // 如果关闭的页面就是当前显示的页面
+      if (this.pageCurrent === tagName) {
+        // 去找一个新的页面
+        let len = this.pageOpenedList.length
+        for (let i = 1; i < len; i++) {
+          if (this.pageOpenedList[i].name === tagName) {
+            if (i < len - 1) {
+              newPage = this.pageOpenedList[i + 1]
+            } else {
+              newPage = this.pageOpenedList[i - 1]
+            }
+            break
+          }
+        }
+      } else {
+        // 关闭的页面不是当前的页面
+        // 这里暂时不需要做什么
+      }
+      this.$store.commit('d2adminTagClose', tagName)
+      if (this.pageCurrent === tagName) {
+        this.linkTo(newPage)
+      }
+    },
+    // TODO: 需要完善赋值
+    linkTo ({ name, argu, query }) {
+      let routerObj = {
+        name,
+        params: argu || {},
+        query
+      }
+      this.$router.push(routerObj)
     }
   }
 }
diff --git a/src/pages/core/setting/theme/theme.vue b/src/pages/core/setting/theme/theme.vue
index be0ae9c4..d2852d73 100644
--- a/src/pages/core/setting/theme/theme.vue
+++ b/src/pages/core/setting/theme/theme.vue
@@ -1,26 +1,5 @@
 <template>
-  <d2-container type="full" class="page">
-    theme setting coming soon
+  <d2-container>
+    <d2-theme-list/>
   </d2-container>
 </template>
-
-<script>
-export default {
-  data () {
-    return {}
-  },
-  computed: {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '~@/assets/style/public.scss';
-.page {
-  // Your page style here
-  // Do not use empty rulesets
-  // If empty, delete it
-}
-</style>
\ No newline at end of file
diff --git a/src/store/modules/d2admin.js b/src/store/modules/d2admin.js
index 54cdc24e..af13832d 100644
--- a/src/store/modules/d2admin.js
+++ b/src/store/modules/d2admin.js
@@ -60,7 +60,7 @@ export default {
       state.tagPool = tagPool
     },
     /**
-     * 新增一个 tag
+     * 新增一个 tag (打开一个页面)
      * @param {state} state vuex state
      * @param {object} param1 new tag info
      */
@@ -82,6 +82,18 @@ export default {
         }).write()
       }
     },
+    /**
+     * 关闭一个 tag (关闭一个页面)
+     * @param {state} state vuex state
+     * @param {string} name close tag name
+     */
+    d2adminTagClose (state, name) {
+      // 找到这个页面在已经打开的数据里是第几个
+      const index = state.pageOpenedList.findIndex(page => page.name === name)
+      if (index >= 0) {
+        state.pageOpenedList.splice(index, 1)
+      }
+    },
     /**
      * 切换全屏
      * @param {state} state vuex state