两清三化

src/views/plotPremisesMobile/index.vue

@@ -22,12 +22,12 @@
             <div class="pop_content_left_box">
               <div>
                 <p>农房 <span>(栋)</span></p>
-                <p>352</p>
+                <p class="num">352</p>
               </div>
               <span class="border"></span>
               <div>
                 <p>可租 <span>(栋)</span></p>
-                <p @click="showList = true,activeName='nf'">71</p>
+                <p class="num" @click="showList = true,activeName='nf'">71</p>
               </div>
             </div>
           </div>
@@ -36,12 +36,12 @@
             <div class="pop_content_left_box">
               <div>
                 <p>农地 <span>(亩)</span></p>
-                <p>352</p>
+                <p class="num">352</p>
               </div>
               <span class="border"></span>
               <div>
                 <p>可租 <span>(亩)</span></p>
-                <p @click="showList = true,activeName='nd'">71</p>
+                <p class="num" @click="showList = true,activeName='nd'">71</p>
               </div>
             </div>
           </div>
@@ -68,11 +68,11 @@
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>租地编号：</van-col>
-              <van-col>310</van-col>
+              <van-col class="num">310</van-col>
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>租地面积：</van-col>
-              <van-col>12亩</van-col>
+              <van-col class="num">12亩</van-col>
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>咨询代表：</van-col>
@@ -80,7 +80,7 @@
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>咨询电话：</van-col>
-              <van-col>13306310631</van-col>
+              <van-col class="num">13306310631</van-col>
             </van-row>
           </div>
 
@@ -107,11 +107,11 @@
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>租房编号：</van-col>
-              <van-col>310</van-col>
+              <van-col class="num">310</van-col>
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>租房面积：</van-col>
-              <van-col>12亩</van-col>
+              <van-col class="num">12亩</van-col>
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>咨询代表：</van-col>
@@ -119,7 +119,7 @@
             </van-row>
             <van-row type="flex" justify="space-between">
               <van-col>咨询电话：</van-col>
-              <van-col>13306310631</van-col>
+              <van-col class="num">13306310631</van-col>
             </van-row>
           </div>
 
@@ -128,7 +128,7 @@
       </div>
     </van-popup>
 
-    <van-popup v-model="showList" closeable position="right" :closed="show=true" :overlay="false" round :style="{ width: '45%' , height: '60%' , background:'#ffffff' }">
+    <van-popup v-model="showList" close-icon="../../../static/images/plotPremises/plotPremises_icon_03.png" closeable position="right" :closed="show=true" :overlay="false" round :style="{ width: '45%' , height: '60%' , background:'#ffffff' }">
       <div class="pop_main_right">
 
         <p class="pop_title" :style="{color:activeName=='nf'?'#1B65F8':'#FF7321'}">{{activeName=='nf'?'待租农房':'待租农地'}}</p>
@@ -139,11 +139,12 @@
             <van-col span="9" offset="3">面积</van-col>
           </van-row>
           <van-row v-for="(item,index) in 20"
+                   :key="index"
                    @click="listChange(index)"
                    :class="{ active: selectChooseOrder == index }"
           >
-            <van-col span="8" offset="4">101</van-col>
-            <van-col span="9" offset="3">3亩</van-col>
+            <van-col span="8" offset="4" class="num">101</van-col>
+            <van-col span="9" offset="3" class="num">3亩</van-col>
           </van-row>
         </div>
 
@@ -229,6 +230,9 @@ export default {
     min-height: 100vh;
     width: 100vw;
   }
+  .num{
+    font-family: Arial;
+  }
   .map_main{
     width: 100%;
     height: 100vh;
@@ -240,6 +244,11 @@ export default {
   }
   /deep/ .van-popup--right{
     top: 35%;
+    .van-icon__image{
+      width: .7em;
+      height: .7em;
+      display: block;
+    }
   }
   .top_address{
     display: flex;