diff --git a/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue b/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue
index 78247678..d8deb488 100644
--- a/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue
+++ b/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue
@@ -6,24 +6,7 @@
     </div>
   </div>
 </template>
-<style lang="scss">
-  .d2-contentmenu-list {
-    .d2-contentmenu-item {
-      padding: 8px 20px;
-      margin: 0;
-      font-size: 14px;
-      color: #606266;
-      cursor: pointer;
-      &:hover {
-        background: #ecf5ff;
-        color: #66b1ff;
-      }
-      .d2-contentmenu-item-title {
-        margin-left: 10px;
-      }
-    }
-  }
-</style>
+
 <script>
   export default {
     props: {
@@ -43,3 +26,22 @@
     }
   }
 </script>
+
+<style lang="scss">
+.d2-contentmenu-list {
+  .d2-contentmenu-item {
+    padding: 8px 20px 8px 15px;
+    margin: 0;
+    font-size: 14px;
+    color: #606266;
+    cursor: pointer;
+    &:hover {
+      background: #ecf5ff;
+      color: #66b1ff;
+    }
+    .d2-contentmenu-item-title {
+      margin-left: 10px;
+    }
+  }
+}
+</style>
diff --git a/src/layout/header-aside/components/contextmenu/index.vue b/src/layout/header-aside/components/contextmenu/index.vue
index c3866ebe..12aa07c4 100644
--- a/src/layout/header-aside/components/contextmenu/index.vue
+++ b/src/layout/header-aside/components/contextmenu/index.vue
@@ -3,17 +3,7 @@
     <slot />
   </div>
 </template>
-<style>
-  .d2-contextmenu {
-    position: absolute;
-    padding: 5px 0;
-    z-index: 2018;
-    background: white;
-    border: 1px solid #ebeef5;
-    border-radius: 4px;
-    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
-  }
-</style>
+
 <script>
 export default {
   name: 'd2-contextmenu',
@@ -34,9 +24,8 @@ export default {
   computed: {
     flag: {
       get () {
-        console.log('change flag')
         if (this.visible) {
-          // 注册全局监听事件[目前只考虑鼠标解除触发]
+          // 注册全局监听事件 [ 目前只考虑鼠标解除触发 ]
           window.addEventListener('mousedown', this.watchContextmenu)
         }
         return this.visible
@@ -65,3 +54,15 @@ export default {
   }
 }
 </script>
+
+<style>
+.d2-contextmenu {
+  position: absolute;
+  padding: 5px 0;
+  z-index: 2018;
+  background: #FFF;
+  border: 1px solid #cfd7e5;
+  border-radius: 4px;
+  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
+}
+</style>
diff --git a/src/layout/header-aside/components/tabs/index.vue b/src/layout/header-aside/components/tabs/index.vue
index f4137be7..97491e59 100644
--- a/src/layout/header-aside/components/tabs/index.vue
+++ b/src/layout/header-aside/components/tabs/index.vue
@@ -2,8 +2,13 @@
   <div class="d2-multiple-page-control-group" flex>
     <div class="d2-multiple-page-control-content" flex-box="1">
       <div class="d2-multiple-page-control-content-inner">
-        <d2-contextmenu :visible.sync="contextmenuFlag" :x="contentmenuX" :y="contentmenuY">
-          <d2-contextmenu-list :menulist="contextmenuList" @rowClick="contextmenuClick"></d2-contextmenu-list>
+        <d2-contextmenu
+          :visible.sync="contextmenuFlag"
+          :x="contentmenuX"
+          :y="contentmenuY">
+          <d2-contextmenu-list
+            :menulist="contextmenuList"
+            @rowClick="contextmenuClick"/>
         </d2-contextmenu>
         <el-tabs
           class="d2-multiple-page-control"
@@ -18,9 +23,7 @@
             v-for="(page, index) in pageOpenedList"
             :key="index"
             :label="page.meta.title || '未命名'"
-            :name="page.name"
-            >
-          </el-tab-pane>
+            :name="page.name"/>
         </el-tabs>
       </div>
     </div>