update

src/App.vue

@@ -38,7 +38,6 @@ export default {
 
 body {
     background-color: #011428;
-    background: url('../static/images/index/bg.png') no-repeat left top;
 }
 
 #app {
@@ -49,5 +48,6 @@ body {
     overflow: hidden;
     user-select: none;
     background-position: center bottom;
+    background: url('../static/images/index/bg.png') no-repeat left top;
 }
 </style>

src/pages/index/Center.vue

@@ -18,6 +18,5 @@ export default {
 
 <style lang="less" scoped>
     .managePlatform-center {
-        height: 500px;
     }
 </style>
\ No newline at end of file

src/pages/index/Left.vue

@@ -43,8 +43,8 @@
         <!-- 党派分布/民族分布 -->
         <div class="distribution">
             <div class="title">
-                <p :class="distShowKey === 'party' ? 'curr' : ''">党派分布</p>
-                <p :class="distShowKey === 'ethnic' ? 'curr' : ''">民族分布</p>
+                <p :class="distShowKey === 'party' ? 'curr' : ''" @click="changeDist('party')">党派分布</p>
+                <p :class="distShowKey === 'ethnic' ? 'curr' : ''" @click="changeDist('ethnic')">民族分布</p>
             </div>
             <ul>
                 <li v-for="(item, index) in distribution[distShowKey]" :key="index">
@@ -206,6 +206,10 @@ export default {
                     ]
                 }
             }
+        },
+        // 党派/民族分布
+        changeDist (type) {
+            this.distShowKey = type
         }
     }
 }
@@ -214,6 +218,7 @@ export default {
 <style lang="less" scoped>
     .managePlatform-left {
         padding-top: 14px;
+        background: url('../../../static/images/index/leftBg.png') no-repeat right top;
         .partTitle {
             font-size: 18px;
             font-family: Microsoft YaHei;
@@ -297,6 +302,7 @@ export default {
             }
         }
         .distribution {
+            margin-top: 10px;
             .title {
                 display: flex;
                 font-size: 16px;
@@ -315,6 +321,32 @@ export default {
                     }
                 }
             }
+            ul {
+                display: flex;
+                justify-content: space-between;
+                margin-top: 10px;
+                li {
+                    width: 91px;
+                    height: 62px;
+                    background: url(../../../static/images/index/distBg.png) no-repeat left top;
+                    p {
+                        font-size: 16px;
+                        font-family: Microsoft YaHei;
+                        font-weight: 400;
+                        color: #6DCDFF;
+                        line-height: 37px;
+                        padding-left: 10px;
+                    }
+                    span {
+                        font-size: 20px;
+                        font-family: CenturyGothic;
+                        font-weight: 400;
+                        color: #FFFFFF;
+                        line-height: 20px;
+                        padding-left: 10px;
+                    }
+                }
+            }
         }
     }
 </style>
\ No newline at end of file

src/pages/index/Right.vue

@@ -18,6 +18,6 @@ export default {
 
 <style lang="less" scoped>
     .managePlatform-right {
-        height: 500px;
+        background: url('../../../static/images/index/rightBg.png') no-repeat left top;
     }
 </style>
\ No newline at end of file