ref |> 调整一键登录页面UI

Signed-off-by: xugenyuan <xugenyuan@wondertek.com.cn>

@@ -52,10 +52,17 @@ struct OneKeyLoginPage {
       this.ProtocolRow()
 
       Row() {
-        Button("华为账号一键登录")
+        Button() {
+          Row() {
+            Image($r("app.media.huawei_one_key_login_icon"))
+              .width(24).height(24)
+            Text("华为账号一键登录")
+              .fontColor(Color.White)
+          }
+        }
           .type(ButtonType.Normal)
           .height(48)
-          .backgroundColor(!this.agreeProtocol ? Color.Grey : Color.Red)
+          .backgroundColor(!this.agreeProtocol ? "#60ED2800" : "#ED2800")
           .width("100%")
           .onClick((event) => {
             if (!this.agreeProtocol) {
@@ -67,7 +74,7 @@ struct OneKeyLoginPage {
       .padding({ left: 25, right: 25 })
       .margin({top: 15})
 
-      Button("其他手机号登录")
+      Button("账号密码登录")
         .type(ButtonType.Normal)
         .align(Alignment.Center)
         .foregroundColor("#666666")
@@ -83,28 +90,30 @@ struct OneKeyLoginPage {
       Image(this.agreeProtocol ? $r('app.media.login_checkbox_select') : $r('app.media.login_checkbox_unselected'))
         .width(15)
         .height(15)
+        .margin({top: 3})
         .onClick(() => {
           this.agreeProtocol = !this.agreeProtocol
         })
       Text() {
-        Span("我已阅读并同意").fontColor("#999999").fontSize(12)
-        Span("《用户协议》").fontColor("#ED2800").fontSize(12).onClick(() => {
+        Span("我已阅读并同意").fontColor("#999999").fontSize(12).lineHeight(18)
+        Span("《用户协议》").fontColor("#ED2800").fontSize(12).lineHeight(18).onClick(() => {
           let bean = { contentID: "1", pageID: "" } as Params
           WDRouterRule.jumpWithPage(WDRouterPage.loginProtocolPage, bean)
         })
-        Span("、").fontColor("#999999").fontSize(12)
-        Span("《隐私政策》").fontColor("#ED2800").fontSize(12).onClick(() => {
+        Span("、").fontColor("#999999").fontSize(12).lineHeight(18)
+        Span("《隐私政策》").fontColor("#ED2800").fontSize(12).lineHeight(18).onClick(() => {
           let bean = { contentID: "2", pageID: "" } as Params
           WDRouterRule.jumpWithPage(WDRouterPage.loginProtocolPage, bean)
         })
-        Span("和").fontColor("#999999").fontSize(12)
-        Span("《华为账号用户认证协议》").fontColor("#ED2800").fontSize(12).onClick(() => {
+        Span("及").fontColor("#999999").fontSize(12).lineHeight(18)
+        Span("《华为账号用户认证协议》").fontColor("#ED2800").fontSize(12).lineHeight(18).onClick(() => {
           let bean = { contentID: "4", pageID: "" } as Params
           WDRouterRule.jumpWithPage(WDRouterPage.loginProtocolPage, bean)
         })
       }
       .layoutWeight(1)
     }
+    .alignItems(VerticalAlign.Top)
     .margin({top: 15})
     .padding({ left: 25, right: 25 })
     .width('100%')