fix:bug[17166] 无网络状态下进入我的关注列表下鸿蒙无缺省图

-import { EmitterUtils, EmitterEventId, Logger } from 'wdKit/Index'
+import { EmitterUtils, EmitterEventId, Logger, NetworkUtil } from 'wdKit/Index'
 import MinePageDatasModel from '../../../model/MinePageDatasModel'
 import MinePageDatasModel from '../../../model/MinePageDatasModel'
 import { FollowListItem } from '../../../viewmodel/FollowListItem'
 import { FollowListItem } from '../../../viewmodel/FollowListItem'
 import { CustomTitleUI } from '../../reusable/CustomTitleUI'
 import { CustomTitleUI } from '../../reusable/CustomTitleUI'
+import { EmptyComponent } from '../../view/EmptyComponent'
 import { FollowSecondTabsComponent } from './FollowSecondTabsComponent'
 import { FollowSecondTabsComponent } from './FollowSecondTabsComponent'
 const  TAG = "FollowFirstTabsComponent"
 const  TAG = "FollowFirstTabsComponent"
 @Component
 @Component
@@ -12,13 +13,24 @@ export struct FollowFirstTabsComponent{
   @State data:FollowListItem[] = []
   @State data:FollowListItem[] = []
   fontColor: string = '#999999'
   fontColor: string = '#999999'
   selectedFontColor: string = '#000000'
   selectedFontColor: string = '#000000'
+  @State isConnectNetwork : boolean = NetworkUtil.isNetConnected()
 
 
   aboutToAppear(){
   aboutToAppear(){
+    this.getFollowTabList()
+
+    EmitterUtils.receiveEvent(EmitterEventId.MY_FOLLOW_EMPTY, (() => {
+      if(this.controller != null && this.data.length>1 ){
+        this.jumpFollowNextPage()
+      }
+    }))
+  }
+
+  getFollowTabList(){
     MinePageDatasModel.getFollowListData(getContext(this)).then((value)=>{
     MinePageDatasModel.getFollowListData(getContext(this)).then((value)=>{
       this.data.push(new FollowListItem("我的"))
       this.data.push(new FollowListItem("我的"))
-        value.forEach((element)=>{
-          this.data.push(element)
-        })
+      value.forEach((element)=>{
+        this.data.push(element)
+      })
 
 
       if(this.controller != null && this.data.length>1 && this.changeIndex === 1){
       if(this.controller != null && this.data.length>1 && this.changeIndex === 1){
         this.jumpFollowNextPage()
         this.jumpFollowNextPage()
@@ -26,12 +38,6 @@ export struct FollowFirstTabsComponent{
     }).catch((err:Error)=>{
     }).catch((err:Error)=>{
       console.log(TAG,JSON.stringify(err))
       console.log(TAG,JSON.stringify(err))
     })
     })
-
-    EmitterUtils.receiveEvent(EmitterEventId.MY_FOLLOW_EMPTY, (() => {
-      if(this.controller != null && this.data.length>1 ){
-        this.jumpFollowNextPage()
-      }
-    }))
   }
   }
 
 
   jumpFollowNextPage(){
   jumpFollowNextPage(){
@@ -75,24 +81,40 @@ export struct FollowFirstTabsComponent{
       //标题栏目
       //标题栏目
       CustomTitleUI({titleName:"关注列表"})
       CustomTitleUI({titleName:"关注列表"})
 
 
-      Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
-        ForEach(this.data, (item: FollowListItem, index: number ) => {
-          TabContent(){
-            FollowSecondTabsComponent({data:$data,firstIndex:index})
-          }.tabBar(this.TabBuilder(index,item))
-        }, (item: FollowListItem, index: number) => index.toString())
+      if(!this.isConnectNetwork){
+        EmptyComponent({ emptyType: 1,emptyHeight:"100%" ,retry: () => {
+          this.reloadNetWork()
+        },})
+          .layoutWeight(1)
+          .width('100%')
+      }else{
+        Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
+          ForEach(this.data, (item: FollowListItem, index: number ) => {
+            TabContent(){
+              FollowSecondTabsComponent({data:$data,firstIndex:index})
+            }.tabBar(this.TabBuilder(index,item))
+          }, (item: FollowListItem, index: number) => index.toString())
+        }
+        .vertical(false)
+        .barMode(BarMode.Scrollable)
+        .barWidth('100%')
+        .barBackgroundColor($r('app.color.white'))
+        .barHeight('84lpx')
+        .animationDuration(0)
+        .onChange((index: number) => {
+          this.currentIndex = index
+        })
+        .width('100%')
+        .layoutWeight(1)
       }
       }
-      .vertical(false)
-      .barMode(BarMode.Scrollable)
-      .barWidth('100%')
-      .barBackgroundColor($r('app.color.white'))
-      .barHeight('84lpx')
-      .animationDuration(0)
-      .onChange((index: number) => {
-        this.currentIndex = index
-      })
-      .width('100%')
-      .layoutWeight(1)
     }.width('100%')
     }.width('100%')
   }
   }
+
+  reloadNetWork(){
+    let c = NetworkUtil.isNetConnected()
+    if(c){
+      this.getFollowTabList()
+      this.isConnectNetwork = c
+    }
+  }
 }
 }

-import { EmitterEventId, EmitterUtils, LazyDataSource, SPHelper, UserDataLocal } from 'wdKit';
+import { EmitterEventId, EmitterUtils, LazyDataSource, NetworkUtil, SPHelper, UserDataLocal } from 'wdKit';
 import MinePageDatasModel from '../../../model/MinePageDatasModel';
 import MinePageDatasModel from '../../../model/MinePageDatasModel';
 import SearcherAboutDataModel from '../../../model/SearcherAboutDataModel';
 import SearcherAboutDataModel from '../../../model/SearcherAboutDataModel';
 import { CreatorDetailRequestItem } from '../../../viewmodel/CreatorDetailRequestItem';
 import { CreatorDetailRequestItem } from '../../../viewmodel/CreatorDetailRequestItem';
@@ -70,7 +70,11 @@ export struct FollowListDetailUI {
     Column() {
     Column() {
       if (this.count === 0) {
       if (this.count === 0) {
         if (this.isGetRequest == true) {
         if (this.isGetRequest == true) {
-          if(this.creatorDirectoryId === -1){
+          if(!NetworkUtil.isNetConnected()){
+            EmptyComponent({ emptyType: 1,emptyHeight:"100%" })
+              .layoutWeight(1)
+              .width('100%')
+          }else if(this.creatorDirectoryId === -1){
             EmptyComponent({ emptyType: 14,emptyHeight:"100%" })
             EmptyComponent({ emptyType: 14,emptyHeight:"100%" })
               .layoutWeight(1)
               .layoutWeight(1)
               .width('100%')
               .width('100%')