update: display loading status when the home page gets list data

Author: Lsnsh

src/pages/index/index.js

@@ -1,6 +1,7 @@
 Page({
   data: {
     bIsReady: false, // 页面是否准备就绪
+    bIsFetchingTopicList: false, // 是否正在获取专题列表数据
     nActiveTabIndex: 0, // 当前处于活动状态的tab
     nContentLen: 60, // 主题卡片显示正文的长度
     aTabBarList: [
@@ -90,6 +91,9 @@ Page({
    * 0 => 正常获取 1 => 页面触底后获取 2 => 切换tab后获取
    */
   fnNetRTopicList(nFetchScene = 0) {
+    this.setData({
+      bIsFetchingTopicList: true
+    });
     // 显示标题栏加载效果
     wx.showNavigationBarLoading();
     wx.dc.topic
@@ -114,15 +118,17 @@ Page({
         wx.stopPullDownRefresh();
         wx.hideNavigationBarLoading();
         this.setData({
-          bIsReady: true
+          bIsReady: true,
+          bIsFetchingTopicList: false
         });
       })
       .catch(() => {
         // 停止加载效果
         wx.stopPullDownRefresh();
         wx.hideNavigationBarLoading();
         this.setData({
-          bIsReady: true
+          bIsReady: true,
+          bIsFetchingTopicList: false
         });
       });
   },

src/pages/index/index.wxml

@@ -15,6 +15,7 @@
   <view  class="topic-list-wrap">
     <block wx:if="{{aTopicList.length}}">
       <topic-list data="{{aTopicList}}"></topic-list>
+      <view class="topic-list-loading ta-c color-grey">加载中...</view>
     </block>
     <block wx:else>
       <view class="topic-list-no-data vh-parent color-grey">

src/pages/index/index.wxss

@@ -27,6 +27,10 @@
 .topic-list-wrap {
   padding: 20rpx
 }
+.topic-list-loading {
+  padding: 10rpx;
+  font-size: 28rpx;
+}
 .topic-list-no-data {
   height: calc(100vh - 150rpx);
   font-size: 28rpx;