fix:bug[18313] 【华为验收】【ux-直板机】【底部导航条适配】点击 我的-关注，进入该页面，该页面底部导航条未沉浸

@@ -117,9 +117,6 @@ export struct FollowChildComponent{
         }.height('202lpx')
         }.height('202lpx')
         .justifyContent(FlexAlign.Start)
         .justifyContent(FlexAlign.Start)
 
 
-        // Text().backgroundColor($r('app.color.color_EDEDED'))
-        //   .width('100%')
-        //   .height('2lpx')
         Divider()
         Divider()
           .width('100%')
           .width('100%')
           .height('2lpx')
           .height('2lpx')
@@ -236,10 +233,6 @@ export struct FollowChildComponent{
         }.height('146lpx')
         }.height('146lpx')
         .justifyContent(FlexAlign.Center)
         .justifyContent(FlexAlign.Center)
 
 
-        // Text().backgroundColor($r('app.color.color_EDEDED'))
-        //   .width('100%')
-        //   .height('2lpx')
-
         Divider()
         Divider()
           .width('100%')
           .width('100%')
           .height('2lpx')
           .height('2lpx')

@@ -95,6 +95,8 @@ export struct FollowFirstTabsComponent{
             TabContent(){
             TabContent(){
               FollowSecondTabsComponent({data:$data,firstIndex:index})
               FollowSecondTabsComponent({data:$data,firstIndex:index})
             }.tabBar(this.TabBuilder(index,item))
             }.tabBar(this.TabBuilder(index,item))
+            .backgroundColor($r('app.color.white'))
+            .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
           }, (item: FollowListItem, index: number) => index.toString())
           }, (item: FollowListItem, index: number) => index.toString())
         }
         }
         .vertical(false)
         .vertical(false)
@@ -108,9 +110,11 @@ export struct FollowFirstTabsComponent{
           trackTabFirstClick(this.data[index].directoryName)
           trackTabFirstClick(this.data[index].directoryName)
         })
         })
         .width('100%')
         .width('100%')
+        .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
         .layoutWeight(1)
         .layoutWeight(1)
       }
       }
     }.width('100%')
     }.width('100%')
+    .height("100%")
   }
   }
 
 
   reloadNetWork(){
   reloadNetWork(){

@@ -91,8 +91,6 @@ export struct FollowListDetailUI {
             ListItem() {
             ListItem() {
               FollowChildComponent({ data: item, type: this.type })
               FollowChildComponent({ data: item, type: this.type })
             }
             }
-            .onClick(() => {
-            })
           }, (item: FollowListDetailItem) => item.creatorId)
           }, (item: FollowListDetailItem) => item.creatorId)
 
 
           //没有更多数据  显示提示
           //没有更多数据  显示提示
@@ -102,6 +100,7 @@ export struct FollowListDetailUI {
             }
             }
           }
           }
         }
         }
+        .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
         .edgeEffect(EdgeEffect.None)
         .edgeEffect(EdgeEffect.None)
         .cachedCount(5)
         .cachedCount(5)
         .padding({ left: '31lpx', right: '31lpx' })
         .padding({ left: '31lpx', right: '31lpx' })
@@ -118,6 +117,7 @@ export struct FollowListDetailUI {
       }
       }
     }
     }
     .width('100%')
     .width('100%')
+    .layoutWeight(1)
   }
   }
 
 
   async addFollowStatusObserver() {
   async addFollowStatusObserver() {

@@ -22,15 +22,35 @@ export struct FollowSecondTabsComponent{
 
 
       if(this.data != null){
       if(this.data != null){
         if(this.data[this.firstIndex].children == null || this.data[this.firstIndex].children.length == 0){
         if(this.data[this.firstIndex].children == null || this.data[this.firstIndex].children.length == 0){
-          FollowListDetailUI({creatorDirectoryId:this.data[this.firstIndex].id,type:1})
-            .layoutWeight(1)
+          Stack({ alignContent: Alignment.Top }){
+            Row()
+              .width("100%")
+              .height("100%")
+              .backgroundColor($r('app.color.color_transparent'))
+              .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
+
+            FollowListDetailUI({creatorDirectoryId:this.data[this.firstIndex].id,type:1})
+              .height("100%")
+              .width("100%")
+          }.width("100%")
+          .layoutWeight(1)
         }else{
         }else{
-          this.FollowSecondUI()
+          Stack({ alignContent: Alignment.Top }){
+            Row()
+              .width("100%")
+              .height("100%")
+              .backgroundColor($r('app.color.color_transparent'))
+              .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
+
+            this.FollowSecondUI()
+          }.width("100%")
+          .layoutWeight(1)
         }
         }
       }
       }
     }
     }
     .width('100%')
     .width('100%')
     .layoutWeight(1)
     .layoutWeight(1)
+    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
   }
   }
 
 
   @Builder FollowSecondUI(){
   @Builder FollowSecondUI(){
@@ -51,6 +71,7 @@ export struct FollowSecondTabsComponent{
           .scrollBar(BarState.Off)
           .scrollBar(BarState.Off)
           .height('100%')
           .height('100%')
         }.height('100%')
         }.height('100%')
+        .backgroundColor($r('app.color.color_F9F9F9'))
         .alignItems(HorizontalAlign.Center)
         .alignItems(HorizontalAlign.Center)
       }
       }
       .alignItems(VerticalAlign.Top)
       .alignItems(VerticalAlign.Top)
@@ -60,8 +81,7 @@ export struct FollowSecondTabsComponent{
         ForEach(this.data[this.firstIndex].children, (item: FollowSecondListItem, index: number ) => {
         ForEach(this.data[this.firstIndex].children, (item: FollowSecondListItem, index: number ) => {
           TabContent(){
           TabContent(){
             FollowThirdTabsComponent({data:$data,firstIndex:$firstIndex,secondIndex:index})
             FollowThirdTabsComponent({data:$data,firstIndex:$firstIndex,secondIndex:index})
-          }
-          .backgroundColor($r('app.color.white'))
+          }.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
         }, (item: FollowListItem, index: number) => index.toString())
         }, (item: FollowListItem, index: number) => index.toString())
       }
       }
       .vertical(true)
       .vertical(true)
@@ -73,6 +93,7 @@ export struct FollowSecondTabsComponent{
       .barWidth(0)
       .barWidth(0)
       .height('100%')
       .height('100%')
       .layoutWeight(1)
       .layoutWeight(1)
+      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
     }.width('100%')
     }.width('100%')
   }
   }
 
 

@@ -104,6 +104,8 @@ export struct FollowThirdTabsComponent{
         this.currentIndex = index
         this.currentIndex = index
       })
       })
       .width('100%')
       .width('100%')
+      .layoutWeight(1)
+      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
     }
     }
   }
   }
 
 

@@ -29,7 +29,7 @@ struct FollowListPage {
       //Tab 详情
       //Tab 详情
       FollowFirstTabsComponent({changeIndex:Number(this.curIndex)})
       FollowFirstTabsComponent({changeIndex:Number(this.curIndex)})
     }
     }
-    .backgroundColor($r('app.color.color_F9F9F9'))
+    .backgroundColor($r('app.color.white'))
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')
   }
   }