移动端多项数据控件，列表触底加载

@CONTROL/移动端多项数据控件/CONTROL-BASE.template.ftl

@@ -22,7 +22,6 @@
                     <#--多数据视图||多数据视图（部件视图）-->
                       <template v-if="(viewType == 'DEMOBMDVIEW') && controlStyle != 'SWIPERVIEW' ">
                           ${ctrl.render.code}
-                          <ion-button size="small" color="secondary" v-if="!isTempMode && !allLoaded" style ="position: relative;left: calc( 50% - 44px); "      @click="loadBottom">{{$t('app.button.loadmore')}}</ion-button>
                       </template>
                       <template v-else-if="(viewType == 'DEMOBMDVIEW9')">
                           ${ctrl.render.code}

@CONTROL/视图布局面板/@MACRO/MOB_MD_VIEW.vue.ftl

@@ -51,6 +51,12 @@
 </#if>
 <#assign view_content>
 ${P.getCtrlCode('mdctrl', 'CONTROL.html').code}
+<ion-infinite-scroll  @ionInfinite="loadMore" distance="2%" >
+  <ion-infinite-scroll-content
+  loadingSpinner="bubbles"
+  loadingText="Loading more data...">
+</ion-infinite-scroll-content>
+</ion-infinite-scroll>
 </#assign>
 <#assign view_footer>
     <#if mdctrl.getBatchPSDEToolbar?? && mdctrl.getBatchPSDEToolbar()??>

@VIEW/@MACRO/MOBMDVIEW.vue.ftl

@@ -248,6 +248,22 @@
         this.onViewLoad();
     }
 
+    /**
+     * 触底加载
+     *
+     * @param {*} value
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public async loadMore(event:any){
+      let mdctrl:any = this.$refs.mdctrl;
+      if(mdctrl && mdctrl.loadBottom && mdctrl.loadBottom instanceof Function){
+        mdctrl.loadBottom();
+      }
+      if(event.target && event.target.complete && event.target.complete instanceof Function){
+        event.target.complete();
+      }
+    }
+
     <#if view.hasPSControl('mdctrl')>
     <#assign mdctrl = view.getPSControl('mdctrl')>
     <#if mdctrl.getBatchPSDEToolbar?? && mdctrl.getBatchPSDEToolbar()??>