合立app移动端项目-消息功能静态页开发v2

yunxi-ui-app-hl/pages/xiaoxi/index.vue

@@ -16,19 +16,18 @@
    </view>
 
     <!-- 消息列表 -->
-    <view class="list">
-      <u-list @scrolltolower="scrolltolower" enableFlex>
+    <u-list @scrolltolower="scrolltolower" enableBackToTop enableFlex>
       <u-list-item v-for="(item, index) in indexList" :key="index">
         <u-cell :title="`系统消息-${index + 1}`">
           <u-avatar slot="icon" shape="square" size="35" :src="item.url"
             customStyle="margin: -3px 5px -3px 0"></u-avatar>
         </u-cell>
       </u-list-item>
-      </u-list>
-    </view>
-
       <!-- 加载更多 -->
       <u-loadmore :status="status" loadmoreText="上拉加载更多" loadingText="加载中" height="30" marginTop="10" line/>
+    </u-list>
+
+    <!-- <view style="height: 50px;"></view> -->
   </view>
 </template>
 
@@ -80,11 +79,11 @@
       scrolltolower() {
         if (this.status == "nomore") return;
         this.status = 'loading';
-        this.loadMore(false);
         setTimeout(() => {
           if (this.indexList.length >= 100) {
             this.status = 'nomore';
           } else {
+            this.loadMore(false);
             this.status = 'loadmore';
           }
         }, 1000);