下拉刷新页面

src/App.vue

 <template>
   <div id="app">
-    <transition :name="animateName">
+<!--    <transition :name="animateName">-->
       <keep-alive>
         <router-view class="router-container" v-if="$route.meta.keepAlive"> </router-view>
       </keep-alive>
-    </transition>
+<!--    </transition>-->
 <!--    <transition :name="animateName">-->
       <router-view class="router-container" v-if="!$route.meta.keepAlive"> </router-view>
 <!--    </transition>-->

src/views/workbench/AccommodMain.vue

@@ -13,8 +13,8 @@
       <tatle-bar :tatle="tatleName"></tatle-bar>
     </div>
     <div >
-      <scroller-view pullup="true" pulldown="true" v-calculate-height >
-      <div class="card" v-for="(item, index) in productParam" :key="index">
+      <scroller-view pullup="true" pulldown="true" height="600">
+      <div class="cardA" v-for="(item, index) in productParam" :key="index">
         <div>
           <van-row @click="onClickDetails(item)">
             <van-col span="16">
@@ -112,6 +112,7 @@
 <!--                <use xlink:href="#icon-weiqianding"></use>-->
 <!--              </svg>-->
               <img class="icon" v-if="item.status === 3" :src="require('@/assets/images/shenqingzhong.png')"/>
+              <img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')"/>
             </van-col>
           </van-row>
 
@@ -169,6 +170,13 @@ export default class AccommodMain extends Vue {
   },
   ];
   productParamA = [
+    {
+      productName: "小微企业抵押'一证通'贷款",
+      applyAmount: "30,000.00",
+      applyRate: "1.13%",
+      applyDate: "2022-08-23",
+      status: 2
+    },
     {
       productName: "小微企业抵押'一证通'贷款",
       applyAmount: "30,000.00",
@@ -229,6 +237,14 @@ export default class AccommodMain extends Vue {
 }
 
 .card {
+  border-radius: 2%;
+  //height: 28vh;
+  height: 210px;
+  margin: 3% 3% 3% 3%;
+  background: #ffffff;
+  border: none;
+}
+.cardA {
   border-radius: 2%;
   //height: 28vh;
   height: 190px;