调整scroll-view事件类型

pages/component/scroll-view/scroll-view.uvue

@@ -26,7 +26,7 @@
           <text class="uni-subtitle-text">横向滚动</text>
         </view>
         <view>
-          <scroll-view class="scroll-view_H" direction="horizontal" @scroll="scroll" :scroll-left="scrollLeft" :show-scrollbar="showScrollbar">
+          <scroll-view class="scroll-view_H" direction="horizontal" @scroll="scroll" @scrollend="end" :scroll-left="scrollLeft" :show-scrollbar="showScrollbar">
             <view class="scroll-view-item_H uni-bg-red"><text class="text">A</text></view>
             <view class="scroll-view-item_H uni-bg-green"><text class="text">B</text></view>
             <view class="scroll-view-item_H uni-bg-blue"><text class="text">C</text></view>
@@ -77,18 +77,21 @@
       }
     },
     methods: {
-      upper: function (e : ScrollToUpperEvent) {
+      upper: function (e : UniScrollToUpperEvent) {
         console.log('滚动到顶部/左边',e)
         this.toUpperTest = e
       },
-      lower: function (e : ScrollToLowerEvent) {
+      lower: function (e : UniScrollToLowerEvent) {
         console.log('滚动到底部/右边',e)
         this.toLowerTest = e
       },
-      scroll: function (e : ScrollEvent) {
+      scroll: function (e : UniScrollEvent) {
         this.scrollTest = e
         this.oldScrollTop = e.detail.scrollTop
       },
+      end: function (e : UniScrollEvent){
+        console.log('滚动结束时触发',e)
+      },
       goTop: function () {
         // 解决view层不同步的问题
         this.scrollTop = this.oldScrollTop