diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 034bc21..0d5ac5a 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -79,7 +79,6 @@
     }
     .el-scrollbar__wrap {
       height: 49px;
-      margin: 0 !important;
     }
   }
 }

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 034bc21..0d5ac5a 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -79,7 +79,6 @@
     }
     .el-scrollbar__wrap {
       height: 49px;
-      margin: 0 !important;
     }
   }
 }
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 5e34b43..9ddb4fd 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -215,8 +215,10 @@
         height: 26px;
         line-height: 26px;
         border: 1px solid #d8dce5;
-        color: #495060;
-        background: #fff;
+        border-radius: 5px;
+        color: #2483B3;
+        border-raius:5px;
+        background: #EAF3F8;
         padding: 0 8px;
         font-size: 12px;
         margin-left: 5px;

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 034bc21..0d5ac5a 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -79,7 +79,6 @@
     }
     .el-scrollbar__wrap {
       height: 49px;
-      margin: 0 !important;
     }
   }
 }
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 5e34b43..9ddb4fd 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -215,8 +215,10 @@
         height: 26px;
         line-height: 26px;
         border: 1px solid #d8dce5;
-        color: #495060;
-        background: #fff;
+        border-radius: 5px;
+        color: #2483B3;
+        border-raius:5px;
+        background: #EAF3F8;
         padding: 0 8px;
         font-size: 12px;
         margin-left: 5px;
diff --git a/src/main.js b/src/main.js
index ef727a4..ba78b41 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,7 +5,7 @@
 import router from './router'
 import store from './store'
 import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+// import 'element-ui/lib/theme-chalk/index.css'
 import '@/styles/element-variables.scss'
 import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 Vue.use(ElementUI, { locale })

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 034bc21..0d5ac5a 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -79,7 +79,6 @@
     }
     .el-scrollbar__wrap {
       height: 49px;
-      margin: 0 !important;
     }
   }
 }
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 5e34b43..9ddb4fd 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -215,8 +215,10 @@
         height: 26px;
         line-height: 26px;
         border: 1px solid #d8dce5;
-        color: #495060;
-        background: #fff;
+        border-radius: 5px;
+        color: #2483B3;
+        border-raius:5px;
+        background: #EAF3F8;
         padding: 0 8px;
         font-size: 12px;
         margin-left: 5px;
diff --git a/src/main.js b/src/main.js
index ef727a4..ba78b41 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,7 +5,7 @@
 import router from './router'
 import store from './store'
 import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+// import 'element-ui/lib/theme-chalk/index.css'
 import '@/styles/element-variables.scss'
 import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 Vue.use(ElementUI, { locale })
diff --git a/src/settings.js b/src/settings.js
index 29c06d8..58b4117 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -9,7 +9,7 @@
    * @type {boolean} true | false
    * @description 是否显示tagsView
    */
-  tagsView: false,
+  tagsView: true,
 
   /**
    * @type {boolean} true | false

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 034bc21..0d5ac5a 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -79,7 +79,6 @@
     }
     .el-scrollbar__wrap {
       height: 49px;
-      margin: 0 !important;
     }
   }
 }
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 5e34b43..9ddb4fd 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -215,8 +215,10 @@
         height: 26px;
         line-height: 26px;
         border: 1px solid #d8dce5;
-        color: #495060;
-        background: #fff;
+        border-radius: 5px;
+        color: #2483B3;
+        border-raius:5px;
+        background: #EAF3F8;
         padding: 0 8px;
         font-size: 12px;
         margin-left: 5px;
diff --git a/src/main.js b/src/main.js
index ef727a4..ba78b41 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,7 +5,7 @@
 import router from './router'
 import store from './store'
 import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+// import 'element-ui/lib/theme-chalk/index.css'
 import '@/styles/element-variables.scss'
 import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 Vue.use(ElementUI, { locale })
diff --git a/src/settings.js b/src/settings.js
index 29c06d8..58b4117 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -9,7 +9,7 @@
    * @type {boolean} true | false
    * @description 是否显示tagsView
    */
-  tagsView: false,
+  tagsView: true,
 
   /**
    * @type {boolean} true | false
diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 551dbe6..baa44f7 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -16,7 +16,7 @@
 /* Color
 -------------------------- */
 /// color|1|Brand Color|0
-$--color-primary: #409EFF !default;
+$--color-primary: #28739e !default;
 /// color|1|Background Color|4
 $--color-white: #FFFFFF !default;
 /// color|1|Background Color|4
@@ -31,11 +31,11 @@
 $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
 $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
 /// color|1|Functional Color|1
-$--color-success: #67C23A !default;
+$--color-success: #248A53 !default;
 /// color|1|Functional Color|1
 $--color-warning: #E6A23C !default;
 /// color|1|Functional Color|1
-$--color-danger: #F56C6C !default;
+$--color-danger: #9F1919 !default;
 /// color|1|Functional Color|1
 $--color-info: #909399 !default;
 
@@ -992,3 +992,7 @@
   'lg-and-down': (max-width: $--xl - 1),
   'xl-only' : (min-width: $--xl),
 );
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+@import "~element-ui/packages/theme-chalk/src/index";

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 034bc21..0d5ac5a 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -79,7 +79,6 @@
     }
     .el-scrollbar__wrap {
       height: 49px;
-      margin: 0 !important;
     }
   }
 }
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 5e34b43..9ddb4fd 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -215,8 +215,10 @@
         height: 26px;
         line-height: 26px;
         border: 1px solid #d8dce5;
-        color: #495060;
-        background: #fff;
+        border-radius: 5px;
+        color: #2483B3;
+        border-raius:5px;
+        background: #EAF3F8;
         padding: 0 8px;
         font-size: 12px;
         margin-left: 5px;
diff --git a/src/main.js b/src/main.js
index ef727a4..ba78b41 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,7 +5,7 @@
 import router from './router'
 import store from './store'
 import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+// import 'element-ui/lib/theme-chalk/index.css'
 import '@/styles/element-variables.scss'
 import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 Vue.use(ElementUI, { locale })
diff --git a/src/settings.js b/src/settings.js
index 29c06d8..58b4117 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -9,7 +9,7 @@
    * @type {boolean} true | false
    * @description 是否显示tagsView
    */
-  tagsView: false,
+  tagsView: true,
 
   /**
    * @type {boolean} true | false
diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 551dbe6..baa44f7 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -16,7 +16,7 @@
 /* Color
 -------------------------- */
 /// color|1|Brand Color|0
-$--color-primary: #409EFF !default;
+$--color-primary: #28739e !default;
 /// color|1|Background Color|4
 $--color-white: #FFFFFF !default;
 /// color|1|Background Color|4
@@ -31,11 +31,11 @@
 $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
 $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
 /// color|1|Functional Color|1
-$--color-success: #67C23A !default;
+$--color-success: #248A53 !default;
 /// color|1|Functional Color|1
 $--color-warning: #E6A23C !default;
 /// color|1|Functional Color|1
-$--color-danger: #F56C6C !default;
+$--color-danger: #9F1919 !default;
 /// color|1|Functional Color|1
 $--color-info: #909399 !default;
 
@@ -992,3 +992,7 @@
   'lg-and-down': (max-width: $--xl - 1),
   'xl-only' : (min-width: $--xl),
 );
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+@import "~element-ui/packages/theme-chalk/src/index";
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 203b33b..25e8631 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -117,7 +117,7 @@
     // overflow-x: hidden;
     padding: 10px;
     background-color: #ebebeb;
-    margin: 0 !important;
+    //margin: 0 !important;
   }
 }
 .no-head-scrollbar{
@@ -143,10 +143,11 @@
 }
 
 .table-container{
-  background-color: $tableTitleColor !important;
-  border-top: 12px solid #ebebeb !important;
+  //background-color: $tableTitleColor !important;
+  //border-top: 12px solid #ebebeb !important;
   .table-title{
-    background-color:#fff;
+    //background-color:#fff;
+    background-color:$tableTitleColor !important;
     height: $tableTitleHeight;
     .title-header{
       line-height:$tableTitleHeight;

diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 9d3b68d..9a820c3 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -271,7 +271,7 @@
   }
   .table-title{
     /*background-color:rgba(243, 243, 243, 1);*/
-    background-color:#fff;
+    //background-color:#fff;
     .title-header{
       font-size: 15px;
       i{
diff --git a/src/components/SearchArea/SearchArea.vue b/src/components/SearchArea/SearchArea.vue
index 136152d..e744f87 100644
--- a/src/components/SearchArea/SearchArea.vue
+++ b/src/components/SearchArea/SearchArea.vue
@@ -107,6 +107,7 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .search-div{
     padding:12px;
+    padding-lef:0px;
     padding-bottom: 2px; /* 本身输入框有10px下边距*/
     background-color: #fff;
     display: -webkit-flex; /* Safari */
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 3c7d7f7..9770d3c 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -1,6 +1,6 @@
 <template>
   <el-container :class="classObj" class="app-wrapper">
-   
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <app-header id="app-header" class="app-header" />
     <el-main class="app-body">
@@ -9,7 +9,7 @@
       <!--右半部分-->
       <div :class="{hasTagsView:needTagsView}" class="main-container" >
 
-        <nav-item   v-model="isCollapse" ></nav-item>
+<!--        <nav-item   v-model="isCollapse" ></nav-item>-->
         <!--开启固定头部设置-->
         <div v-if="fixedHeader">
           <!--导航(面包屑)-->
@@ -17,7 +17,7 @@
           <!--标签栏-->
           <tags-view v-if="needTagsView" />
           <!--主内容包裹在el-scrollbar中-->
-        
+
           <div  :style="{height:(bodyHeight-40)+'px'}" class="no-head-scrollbar"  >
             <app-main   />
           </div>
@@ -96,7 +96,7 @@
       this.$store.dispatch('CloseSideBar', { withoutAnimation: false })
     }
   },
- 
+
 }
 </script>
 
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 034bc21..0d5ac5a 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -79,7 +79,6 @@
     }
     .el-scrollbar__wrap {
       height: 49px;
-      margin: 0 !important;
     }
   }
 }
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 5e34b43..9ddb4fd 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -215,8 +215,10 @@
         height: 26px;
         line-height: 26px;
         border: 1px solid #d8dce5;
-        color: #495060;
-        background: #fff;
+        border-radius: 5px;
+        color: #2483B3;
+        border-raius:5px;
+        background: #EAF3F8;
         padding: 0 8px;
         font-size: 12px;
         margin-left: 5px;
diff --git a/src/main.js b/src/main.js
index ef727a4..ba78b41 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,7 +5,7 @@
 import router from './router'
 import store from './store'
 import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
+// import 'element-ui/lib/theme-chalk/index.css'
 import '@/styles/element-variables.scss'
 import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 Vue.use(ElementUI, { locale })
diff --git a/src/settings.js b/src/settings.js
index 29c06d8..58b4117 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -9,7 +9,7 @@
    * @type {boolean} true | false
    * @description 是否显示tagsView
    */
-  tagsView: false,
+  tagsView: true,
 
   /**
    * @type {boolean} true | false
diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 551dbe6..baa44f7 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -16,7 +16,7 @@
 /* Color
 -------------------------- */
 /// color|1|Brand Color|0
-$--color-primary: #409EFF !default;
+$--color-primary: #28739e !default;
 /// color|1|Background Color|4
 $--color-white: #FFFFFF !default;
 /// color|1|Background Color|4
@@ -31,11 +31,11 @@
 $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
 $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
 /// color|1|Functional Color|1
-$--color-success: #67C23A !default;
+$--color-success: #248A53 !default;
 /// color|1|Functional Color|1
 $--color-warning: #E6A23C !default;
 /// color|1|Functional Color|1
-$--color-danger: #F56C6C !default;
+$--color-danger: #9F1919 !default;
 /// color|1|Functional Color|1
 $--color-info: #909399 !default;
 
@@ -992,3 +992,7 @@
   'lg-and-down': (max-width: $--xl - 1),
   'xl-only' : (min-width: $--xl),
 );
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+@import "~element-ui/packages/theme-chalk/src/index";
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 203b33b..25e8631 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -117,7 +117,7 @@
     // overflow-x: hidden;
     padding: 10px;
     background-color: #ebebeb;
-    margin: 0 !important;
+    //margin: 0 !important;
   }
 }
 .no-head-scrollbar{
@@ -143,10 +143,11 @@
 }
 
 .table-container{
-  background-color: $tableTitleColor !important;
-  border-top: 12px solid #ebebeb !important;
+  //background-color: $tableTitleColor !important;
+  //border-top: 12px solid #ebebeb !important;
   .table-title{
-    background-color:#fff;
+    //background-color:#fff;
+    background-color:$tableTitleColor !important;
     height: $tableTitleHeight;
     .title-header{
       line-height:$tableTitleHeight;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index d8e287e..b5aee37 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -8,7 +8,7 @@
 // tagsView
 $breadcrumbHeight: 48px;
 $tagsViewHeight: 30px;
-$tagsViewActiveBg:#66b1ff;
+$tagsViewActiveBg:$themeColor;
 //sidebar
 $menuText:#333333;
 $subMenuText:#333333;
@@ -26,8 +26,8 @@
 
 // table
 $tableTitleHeight:46px;
-$tableTitleColor:#fff;
-$tableTitleText:#606266;
+$tableTitleColor:$themeColor;
+$tableTitleText:#fff;
 
 // the :export directive is the magic sauce for webpack
 :export {