style:首页完成修改

@@ -4,6 +4,7 @@
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
+  padding-top: 15px;
 
   &-left {
     width: 35%;
@@ -12,11 +13,34 @@
     color: #02D9FD;
   }
 
+  .titlebg {
+    text-align: center;
+    line-height: 36px;
+    font-size: 20px;
+    background: url("~@/image/title.png") no-repeat;
+    width: 238px;
+    height: 36px;
+    margin: 0 auto;
+    position: relative;
+    top: -15px;
+  }
+
+  .bgbk {
+    padding: 2px;
+    box-sizing: border-box;
+    background: url("~@/image/tablebk.png") no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .homebk {
+    background: url("~@/image/homebk.png") no-repeat;
+    background-size: 100% 100%;
+  }
+
   &-right {
     width: 64.5%;
 
     .jrgk {
-      background-color: #000637;
       color: #02D9FD;
       padding-bottom: 20px;
 
@@ -115,12 +139,12 @@
 
     .jrdgk {
       display: flex;
-      margin-top: 5px;
+      margin: 30px 0 30px 0;
       justify-content: space-between;
 
       .sxsjr {
-        background-color: #000637;
-        width: 49%;
+        width: 60%;
+        margin-right: 10px;
 
         .header {
           text-align: center;
@@ -174,7 +198,6 @@
     color: #02D9FD;
     line-height: 30px;
     width: 50%;
-    background-color: #000637;
   }
 
   .sbqkgs {

 <template>
   <div class="home">
-    <div class="home-left">
+    <div class="home-left bgbk">
       <!-- 地图 -->
       <wgsl></wgsl>
     </div>
     <div class="home-right">
       <!-- 陕西省接入概括 -->
-      <div class="jrgk">
-        <div class="header">
+      <div class="jrgk homebk">
+        <div class="header titlebg">
           陕西省接入概括
         </div>
         <!-- 陕西省接入概括列表 -->
@@ -49,8 +49,8 @@
       </div>
       <div class="jrdgk">
         <!-- 接入点概括 -->
-        <div class="sxsjr">
-          <div class="header">
+        <div class="sxsjr homebk">
+          <div class="header titlebg">
             接入点概括
           </div>
           <el-row>
@@ -63,8 +63,8 @@
           </el-row>
         </div>
         <!-- 上报情况概括 -->
-        <div class="sbqkgk">
-          <div class="header">
+        <div class="sbqkgk homebk">
+          <div class="header titlebg">
             上报情况概括
           </div>
           <ul class="sbqkgs">
@@ -79,10 +79,10 @@
         </div>
       </div>
       <!-- 底部表格 -->
-      <div class="jrxxlb tableClass">
-        <div class="title">陕西省平台接入情况</div>
+      <div class="jrxxlb tableClass bgbk">
+        <div class="title titlebg">陕西省平台接入情况</div>
         <!-- 陕西省平台接入情况table -->
-        <lb-table ref="table" :pagination="false" :heightNum="440" :column="tableData.columns" :data="tableData.data">
+        <lb-table ref="table" :pagination="false" :heightNum="515" :column="tableData.columns" :data="tableData.data">
         </lb-table>
       </div>
     </div>

 <template>
     <div class="wgsl">
-        <div class="title">陕西省不动产信息接入</div>
+        <p class="title">陕西省不动产信息接入</p>
         <div class="map-box" ref="mapContainProvince" />
     </div>
 </template>
@@ -122,7 +122,13 @@ export default {
 .title {
     text-align: center;
     line-height: 36px;
-    font-size: 26px;
+    font-size: 20px;
+    background: url("~@/image/title.png") no-repeat;
+    width: 238px;
+    height: 36px;
+    margin: 0 auto;
+    position: relative;
+    top: -15px;
 }
 
 .map-box {