修改首页下拉刷新样式

src/components/NafmPullRefresh.vue

 <template>
 <template>
   <van-pull-refresh v-model="refreshing" @refresh="$emit('refresh')">
   <van-pull-refresh v-model="refreshing" @refresh="$emit('refresh')">
+    <template v-if="$slots.loading" #loading>
+      <slot name="loading"></slot>
+    </template>
     <slot></slot>
     <slot></slot>
   </van-pull-refresh>
   </van-pull-refresh>
 </template>
 </template>

src/views/home/index.vue

@@ -15,6 +15,9 @@
     </nafm-header>
     </nafm-header>
     <main>
     <main>
       <NafmPullRefresh v-model="refresh" @refresh="fetchData">
       <NafmPullRefresh v-model="refresh" @refresh="fetchData">
+        <template #loading>
+          <van-loading size="20px" color="#fff">加载中...</van-loading>
+        </template>
         <HomeBanner :data="HomeData" />
         <HomeBanner :data="HomeData" />
         <MenuModule :data="HomeData" />
         <MenuModule :data="HomeData" />
         <HotScrollBar :data="HomeData" />
         <HotScrollBar :data="HomeData" />
@@ -87,7 +90,9 @@ export default {
 
 
     fetchData () {
     fetchData () {
       this.$store.dispatch('home/AGetHomeData').then(res => {
       this.$store.dispatch('home/AGetHomeData').then(res => {
-        this.refresh = false
+        setTimeout(() => {
+          this.refresh = false
+        }, 2000);
       })
       })
     },
     },
 
 
@@ -121,6 +126,9 @@ export default {
 
 
   main {
   main {
     padding: 0 @PaddingSize;
     padding: 0 @PaddingSize;
+    /deep/.van-pull-refresh__head {
+      color: white;
+    }
   }
   }
 }
 }