feat：优化登录界面，优化权限提示

 @Component
 export struct PermissionDesComponent {
   @State translateY: number = 0
+  @State topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
 
   aboutToAppear(): void {
     this.startDismiss()
@@ -29,7 +30,7 @@ export struct PermissionDesComponent {
     // .height(60)
     .backgroundColor('#FFFFFF')
     .border({ radius: 5 })
-    .margin({ top: 12 })
+    .margin({ top: px2vp(this.topSafeHeight) })
     .padding(12)
     .zIndex(20)
   }

@@ -115,7 +115,7 @@ struct LoginPage {
           Image($r("app.media.login_logo"))
             .width(120)
             .height(66)
-            .margin({ top: 78 })
+            .margin({ top: 78 + px2vp(this.topSafeHeight) })
             .align(Alignment.Center)
 
           LoginInputComponent({
@@ -225,7 +225,7 @@ struct LoginPage {
         Image($r('app.media.login_closed'))
           .width(24)
           .height(24)
-          .margin({ top: 10, right: 15 })
+          .margin({ top:px2vp(this.topSafeHeight), right: 15 })
           .alignRules({
             top: { anchor: "__container__", align: VerticalAlign.Top },
             right: { anchor: "__container__", align: HorizontalAlign.End }
@@ -249,7 +249,7 @@ struct LoginPage {
     .backgroundColor(Color.White)
     }.width("100%")
     .height("100%")
-    .padding({top:px2vp(this.topSafeHeight),bottom:px2vp(this.bottomSafeHeight)})
+    // .padding({top:px2vp(this.topSafeHeight),bottom:px2vp(this.bottomSafeHeight)})
 
   }