会滚首页代码

src/pages/parkingFeeV2/parkingFee.vue

@@ -59,15 +59,15 @@
           
           <!-- 中控 -->
           <div class="parkingFee-bottom">
-            <div style="height: 40px; background-color: #FBFCFF;" v-show="source === 'KIP'"></div>
-            <div v-show="supportUnlicensed && source !== 'KIP'" :class="['parkingFee-tab', tabbarActive === 'paymentForUnregisteredVehicle' && 'unlicensed-box-bottom']">
+            <div style="height: 40px; background-color: #FBFCFF;" v-if="source === 'KIP'"></div>
+            <div v-if="supportUnlicensed && source !== 'KIP'" :class="['parkingFee-tab', tabbarActive === 'paymentForUnregisteredVehicle' && 'unlicensed-box-bottom']">
               <div :class="['bar', tabbarActive === 'manualPayment' && 'active']" @click="tabbarActiveEvent('manualPayment')">手动缴费</div>
               <div :class="['bar', tabbarActive === 'paymentForUnregisteredVehicle' && 'active']" @click="tabbarActiveEvent('paymentForUnregisteredVehicle')">无牌缴费</div>
             </div>
             <!-- 无牌缴费 -->
-            <div class="unlicensed-box" v-show="tabbarActive === 'paymentForUnregisteredVehicle'">
+            <div class="unlicensed-box" v-if="tabbarActive === 'paymentForUnregisteredVehicle'">
               <!-- 无牌车 -->
-              <div class="no-car-unlicensed-box" v-show="!unlicensedCar">
+              <div class="no-car-unlicensed-box" v-if="!unlicensedCar">
                 <img :src="`${require(`@/pages/parkingFee/static/images/unlicensed-1.png`)}`" />
                 <div class="no-car-unlicensed-info">未查询到无牌车信息</div>
                 <div class="search-btn no-car-unlicensed-btn" @click="scanCarCode">
@@ -76,7 +76,7 @@
                 </div>
               </div>
               <!-- 有无牌车 -->
-              <div class="in-car" v-show="unlicensedCar">
+              <div class="in-car" v-if="unlicensedCar">
                 <div class="car-number-box">
                   <img :src="`${require(`@/pages/parkingFee/static/images/unlicensed-0.png`)}`" />
                   <div class="car-number">
@@ -87,8 +87,8 @@
                 <div class="search-btn" @click="unlicensedToPay">去支付</div>
               </div>
             </div>
-            <!-- 手动缴费 -->
-            <div class="manual-box" v-show="tabbarActive === 'manualPayment'">
+            <!-- 手动缴费: v-show="tabbarActive === 'manualPayment'" -->
+            <div class="manual-box" v-else>
               <div class="parkingFee-search">
                 <div class="search_tip_1" :style="{paddingTop: supportUnlicensed? '0': '32px'}">
                   <div class="title">车辆类型</div>