style:头部样式

 <template>
 <template>
   <div class="navbar-con">
   <div class="navbar-con">
     <div class="navbar">
     <div class="navbar">
+      <div class="title">{{ title }}</div>
       <div class="sidebarLeft">
       <div class="sidebarLeft">
         <sidebarLeft />
         <sidebarLeft />
       </div>
       </div>
       <div class="sidebarRight d-center">
       <div class="sidebarRight d-center">
         <sidebarRight />
         <sidebarRight />
         <div class="right-menu">
         <div class="right-menu">
-          <div class="dataView pointer" @click="handleDataView">大屏展示</div>
           <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
           <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
             <div class="avatar-wrapper">
             <div class="avatar-wrapper">
               <span style="padding-right:10px">{{ name }}</span>
               <span style="padding-right:10px">{{ name }}</span>
@@ -42,10 +42,6 @@ export default {
     }
     }
   },
   },
   methods: {
   methods: {
-    handleDataView () {
-      const { href } = this.$router.resolve('/dataView');
-      window.open(href, '_blank');
-    },
     themeChange (val) {
     themeChange (val) {
       this.$store.dispatch('app/updateTheme', val)
       this.$store.dispatch('app/updateTheme', val)
     },
     },
@@ -63,10 +59,11 @@ export default {
 }
 }
 
 
 .menubg {
 .menubg {
-  line-height: 30px;
+  height: 34px;
   color: #FFFFFF;
   color: #FFFFFF;
   margin-right: 5px;
   margin-right: 5px;
-  background: linear-gradient(180deg, #0A2580 0%, #2542C9 100%);
+  background: url('~@/image/navbar.png') no-repeat;
+  background-size: 100% 100%;
 }
 }
 
 
 /deep/.el-menu-item {
 /deep/.el-menu-item {
@@ -78,19 +75,24 @@ export default {
 }
 }
 
 
 /deep/.el-submenu__title {
 /deep/.el-submenu__title {
-  line-height: 30px !important;
-  height: 42px !important;
+  height: 34px;
 }
 }
 
 
 /deep/.el-submenu__title span {
 /deep/.el-submenu__title span {
   font-size: 14px;
   font-size: 14px;
 }
 }
 
 
+.sidebarLeft,
+.sidebarRight {
+  position: relative;
+  top: 13px;
+}
+
 // 导航选中背景色
 // 导航选中背景色
 .xuanzhong {
 .xuanzhong {
-  background: linear-gradient(180deg, #73551D 0%, #C09C43 100%);
-  font-weight: 700;
-  color: #FFFFFF !important;
+  background: url('~@/image/selNavbar.png') no-repeat;
+  background-size: 100% 100%;
+  color: #09C39A !important;
 }
 }
 
 
 /deep/.el-menu-item:hover {
 /deep/.el-menu-item:hover {
@@ -114,11 +116,26 @@ export default {
   height: $headerHeight;
   height: $headerHeight;
   overflow: hidden;
   overflow: hidden;
   position: relative;
   position: relative;
-  background: linear-gradient(180deg, #0D3DC9 0%, #3476E1 100%);
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   padding: 0 20px;
   padding: 0 20px;
   justify-content: space-between;
   justify-content: space-between;
+  background: url('~@/image/header.png') no-repeat;
+  background-size: 100% 100%;
+
+  .title {
+    position: absolute;
+    left: 0;
+    top: 7px;
+    bottom: 0;
+    right: 0;
+    margin: 0 auto;
+    font-size: 32px;
+    color: #FFFFFF;
+    font-weight: 700;
+    text-align: center;
+
+  }
 
 
   .right-menu {
   .right-menu {
     float: right;
     float: right;

@@ -36,7 +36,10 @@ export default {
   position: relative;
   position: relative;
   height: 100%;
   height: 100%;
   width: 100%;
   width: 100%;
-
+  background: url('~@/image/bg.png') no-repeat;
+  background-size: 100% 100%;
+  padding: 12px;
+  box-sizing: border-box;
 
 
   &.mobile.openSidebar {
   &.mobile.openSidebar {
     position: fixed;
     position: fixed;
@@ -46,7 +49,6 @@ export default {
 
 
 .appMain {
 .appMain {
   height: calc(100vh - 65px);
   height: calc(100vh - 65px);
-  background-color: $containerbg;
 
 
   .app-main {
   .app-main {
     height: 100%;
     height: 100%;

 module.exports = {
 module.exports = {
-  title: '监管平台',
+  title: '汉中市不动产综合监管',
   /**
   /**
    * @type {boolean} true | false
    * @type {boolean} true | false
    * @description Whether show the settings right-panel
    * @description Whether show the settings right-panel