事件列表上拉加载优化

src/views/incidentList.vue

@@ -123,9 +123,9 @@
                 </div>
               </div>
             </div>
-            <template slot="pulldown" slot-scope="props">
+            <template v-if="customPullDown" slot="pulldown" slot-scope="props">
               <div
-                v-if="props.pullDownRefreshObj"
+                v-if="props.pullDownRefresh"
                 class="cube-pulldown-wrapper"
                 :style="props.pullDownStyle"
               >
@@ -136,7 +136,7 @@
                 >
                   <span
                     :class="{
-                      rotate: props.bubbleY > pullDownRefreshThreshold - 80
+                      rotate: props.bubbleY > pullDownRefreshThreshold - 40
                     }"
                     >↓</span
                   >
@@ -151,10 +151,10 @@
                 </div>
               </div>
             </template>
-            <div class="wushuju" v-if="!loadShow && items.length === 0">
+            <!-- <div class="wushuju" v-if="!loadShow && items.length === 0">
               <img src="./../../static/images/wushuju.svg" alt />
               <p>暂无事件</p>
-            </div>
+            </div> -->
           </cube-scroll>
         </div>
       </div>
@@ -245,7 +245,7 @@ export default {
       searchState: 0,
       type: "all",
       isToday: "",
-      sum: 1000,
+      sum: 20,
       idx: 0,
       stateClass: "",
       loadShow: true
@@ -470,7 +470,7 @@ export default {
       this.loadShow = true;
       this.items = [];
       this.idx = 0;
-      this.sum = 1000;
+      this.sum = 20;
       this.getData();
     },
     toIncidentDetails(data) {
@@ -549,7 +549,8 @@ export default {
               this.items = res.data.list;
             }
           } else {
-            this.pullUpLoad = false;
+            this.$refs.scroll.forceUpdate();
+            // this.pullUpLoad = false;
           }
           this.loadShow = false;
         });
@@ -570,54 +571,21 @@ export default {
               this.items = res.data.data;
             }
           } else {
-            this.pullUpLoad = false;
+            this.$refs.scroll.forceUpdate();
+            // this.pullUpLoad = false;
           }
           this.loadShow = false;
         });
       }
     },
     onPullingDown() {
-      var that = this;
-      that.idx = 0;
-      that.sum = 1000;
-      setTimeout(() => {
-        that.getData();
-      }, 1000);
+      this.idx = 0;
+      this.sum = 20;
+      this.getData();
     },
     onPullingUp() {
-      var that = this;
-      that.idx = that.idx + 1;
-      that.getData();
-    },
-    updatePullDownRefresh(val) {
-      this.pullDownRefresh = val;
-    },
-    updatePullDownRefreshThreshold(val) {
-      this.pullDownRefreshThreshold = val;
-    },
-    updatePullDownRefreshTxt(val) {
-      this.pullDownRefreshTxt = val;
-    },
-    updatePullUpLoad(val) {
-      this.pullUpLoad = val;
-    },
-    updatePullUpLoadThreshold(val) {
-      this.pullUpLoadThreshold = val;
-    },
-    updatePullUpLoadMoreTxt(val) {
-      this.pullUpLoadMoreTxt = val;
-    },
-    updatePullUpLoadNoMoreTxt(val) {
-      this.pullUpLoadNoMoreTxt = val;
-    },
-    updateCustomPullDown(val) {
-      this.customPullDown = val;
-    },
-    rebuildScroll() {
-      Vue.nextTick(() => {
-        this.$refs.scroll.destroy();
-        this.$refs.scroll.initScroll();
-      });
+      this.idx = this.idx + 1;
+      this.getData();
     },
     // 获取事件状态
     getStateList(){