前端优化

src/views/homesteadSurvey/list.vue

@@ -1130,9 +1130,9 @@
         <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>请选择绘制类型<van-icon name="cross" color="#666666" style="position: absolute;right: 2%;top: 0.1rem" @click="showhzlx = false,showhzht = true" /></h1>
 
         <div style="text-align: center;margin-top: 30PX">
-          <p style="font-size: 0.3rem;display: inline-block;background: #7ac943;padding: 15PX 10%;border-radius: 30PX;color: #FFF;margin-right: 2%;" @click="zjdTz">宅基地</p>
-          <p style="font-size: 0.3rem;display: inline-block;background: #b026ff;padding: 15PX 10%;border-radius: 30PX;color: #FFF;margin-right: 2%;"  @click="zrzTz">自然幢</p>
-          <p style="font-size: 0.3rem;display: inline-block;background: #3ac2db;padding: 15PX 10%;border-radius: 30PX;color: #FFF;"  @click="fsssTz">附属设施</p>
+          <p class="hzlxBtn" :style="{background: '#7ac943'}" @click="zjdTz">宅基地</p>
+          <p class="hzlxBtn" :style="{background: mapZjdTeAll.mapZrzAData ? '#CCC':'#b026ff'}" @click="zrzTz">自然幢</p>
+          <p class="hzlxBtn" :style="{background: mapZjdTeAll.mapFsssAData ? '#CCC':'#3ac2db'}" @click="fsssTz">附属设施</p>
         </div>
       </div>
     </van-popup>
@@ -1340,6 +1340,7 @@
         this.item = this.$cookies.get("item");
         this.getZjdList();
         this.getTotalHR();
+        console.log(this.mapZjdTeAll.mapZrzAData.length)
       },
       methods: {
         //删除户内成员
@@ -4708,6 +4709,17 @@
 
 <style scoped lang="scss">
 
+  .hzlxBtn{
+    font-size: 0.3rem;
+    display: inline-block;
+    padding: 15PX 10%;
+    border-radius: 30PX;
+    color: #FFF;
+    margin-right: 2%;
+    &:last-child{
+      margin: 0;
+    }
+  }
   .van-cell__title{
     flex:2
   }