宅基地调查

src/views/homesteadSurvey/add.vue

@@ -19,30 +19,30 @@
     <div style="background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 20px;
     margin: 20px;margin-top:-70px;">
       <van-row>
-        <van-col span="4" :offset="1" style="text-align:center;">
-          <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==1?'A':'D')+'.png')" size="80px" style="margin-top:0px;"/>
-          <p style="color:#22b7f2;">农户信息</p>
+        <van-col span="4" :offset="1" style="text-align:center;" @click="active=1">
+          <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="80px" style="margin-top:0px;"/>
+          <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
         </van-col>
         <van-col span="2">
           <div style="height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
         </van-col>
-        <van-col span="4" style="text-align:center;">
-          <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==2?'A':'D')+'.png')" size="80px" style="margin-top:0px;"/>
-          <p>宅基地</p>
+        <van-col span="4"  style="text-align:center;" @click="active=2">
+          <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="80px" style="margin-top:0px;"/>
+          <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户信息</p>
         </van-col>
         <van-col span="2">
           <div style=" height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
         </van-col>
-        <van-col span="4" style="text-align:center;">
+        <van-col span="4" style="text-align:center;" @click="active=3">
           <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="80px" style="margin-top:0px;"/>
-          <p>房屋信息</p>
+          <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋信息</p>
         </van-col>
         <van-col span="2">
           <div style=" height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
         </van-col>
-        <van-col span="4" style="text-align:center;">
+        <van-col span="4" style="text-align:center;" @click="active=4">
           <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="80px" style="margin-top:0px;"/>
-          <p>附属设施</p>
+          <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属设施</p>
         </van-col>
       </van-row>
     </div>