更新

src/views/coastalMap/components/actualBuilding.vue

@@ -36,19 +36,19 @@
 </template>
 
 <script>
-    export default {
+export default {
-        name:'ActualBuilding',
+  name: 'ActualBuilding',
-        data(){
+  data() {
-            return{
+    return {
       iconlist: [
         { id: '1', name: '住宅', number: '35' },
         { id: '2', name: '商铺', number: '0' },
         { id: '3', name: '商住两用', number: '2' },
         { id: '4', name: '空置', number: '27' }
-      ],
+      ]
     }
   },
-        methods:{
+  methods: {
     back_change(id) {
       console.log(id, 'lll')
       switch (id) {
@@ -61,13 +61,13 @@
         case '4':
           return `url(${require('@/assets/house-hza/bg15.png')})`
       }
-    },
     }
   }
+}
 </script>
 
-<style lang="scss" >
+<style lang="scss">
-  .house_icon_title {
+.house_icon_title {
   width: 18vw;
   height: 3.5vh;
   // background-color: #fff;
@@ -95,9 +95,9 @@
     // background-color: pink;
     color: #00f5ff;
   }
-  }
+}
 
-  .icon_bottom_flex {
+.icon_bottom_flex {
   display: flex;
   margin-left: 1vw;
   // margin-top: 1vh;
@@ -127,8 +127,8 @@
       margin-left: 2vw;
     }
   }
-  }
+}
-    .house_icon_box_for {
+.house_icon_box_for {
   display: flex;
   height: 11vh;
   width: 18vw;
@@ -136,7 +136,6 @@
   // background-color: orange;
   // margin-top: 1vh;
   .house_icon_box {
-
     width: 4vw;
     margin-right: 1vw;
 
@@ -165,5 +164,5 @@
       margin-top: 0.5vh;
     }
   }
-  }
+}
 </style>

src/views/coastalMap/components/actualPeople.vue

@@ -33,7 +33,6 @@
         <div class="type_number">51</div>
       </div>
 
-   
       <div class="list_number">80</div>
       <div class="list_number_text">总数</div>
     </div>
@@ -59,14 +58,13 @@
 </template>
 
 <script>
-    export default {
+export default {
-        name:"ActualPeople"
+  name: 'ActualPeople'
-    }
+}
 </script>
 
-<style lang="scss" >
+<style lang="scss">
-
+.people_title {
-  .people_title {
   width: 18vw;
   height: 3.5vh;
   // background-color: #fff;
@@ -91,8 +89,8 @@
     letter-spacing: 2px;
     // background-color: orange;
   }
-  }
+}
-  .people_echarts {
+.people_echarts {
   width: 18vw;
   height: 15vh;
   // background-color: pink;
@@ -115,14 +113,13 @@
     // background-color: #fff;
     position: absolute;
     top: 0;
-      .people_type_list{
+    .people_type_list {
       font-size: 10px;
     }
   }
   .people_type1 {
     position: absolute;
     top: 5vh;
-       
   }
   .people_type2 {
     position: absolute;
@@ -159,8 +156,8 @@
     top: 8.5vh;
     font-size: 12px;
   }
-  }
+}
-  .people_bottom {
+.people_bottom {
   width: 18vw;
   height: 4vh;
   // background-color: orange;
@@ -198,5 +195,5 @@
       margin-left: 0.5vw;
     }
   }
-  }
+}
 </style>