xugenyuan

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

Signed-off-by: xugenyuan <xugenyuan@wondertek.com.cn>
@@ -46,6 +46,18 @@ struct OneKeyLoginPage { @@ -46,6 +46,18 @@ struct OneKeyLoginPage {
46 TrackingPageBrowse.trackCommonPageExposureEnd(this.pageName, this.pageName, duration) 46 TrackingPageBrowse.trackCommonPageExposureEnd(this.pageName, this.pageName, duration)
47 } 47 }
48 48
  49 + // pageTransition() {
  50 + // // 为目标页面时,进入:从右边侧滑入,退出:是右侧划出;跳转别的页面:左侧划出,返回:左侧划入。
  51 + // PageTransitionEnter({ type: RouteType.Push, duration: 300 })
  52 + // .slide(SlideEffect.Right)
  53 + // PageTransitionEnter({ type: RouteType.Pop, duration: 300 })
  54 + // .slide(SlideEffect.Left)
  55 + // PageTransitionExit({ type: RouteType.Push, duration: 300 })
  56 + // .slide(SlideEffect.Left)
  57 + // PageTransitionExit({ type: RouteType.Pop, duration: 300 })
  58 + // .slide(SlideEffect.Right)
  59 + // }
  60 +
49 build() { 61 build() {
50 Column() { 62 Column() {
51 this.CloseRow() 63 this.CloseRow()
@@ -53,14 +65,21 @@ struct OneKeyLoginPage { @@ -53,14 +65,21 @@ struct OneKeyLoginPage {
53 Image($r("app.media.login_logo")) 65 Image($r("app.media.login_logo"))
54 .width(120) 66 .width(120)
55 .height(66) 67 .height(66)
56 - .margin({ top: 78, bottom: 74}) 68 + .margin({ top: 34, bottom: 64})
57 .align(Alignment.Center) 69 .align(Alignment.Center)
58 70
59 Text(this.anonymousPhone) 71 Text(this.anonymousPhone)
60 .fontSize(30) 72 .fontSize(30)
61 .fontWeight(600) 73 .fontWeight(600)
62 .fontColor("#222222") 74 .fontColor("#222222")
63 - .margin({bottom: 10}) 75 + .margin({bottom: 12})
  76 + .align(Alignment.Center)
  77 +
  78 + Text("华为账号绑定号码")
  79 + .fontSize(12)
  80 + .fontWeight(400)
  81 + .fontColor("#999999")
  82 + .margin({bottom: 40})
64 .align(Alignment.Center) 83 .align(Alignment.Center)
65 84
66 this.ProtocolRow() 85 this.ProtocolRow()
@@ -88,17 +107,20 @@ struct OneKeyLoginPage { @@ -88,17 +107,20 @@ struct OneKeyLoginPage {
88 }) 107 })
89 } 108 }
90 .padding({ left: 25, right: 25 }) 109 .padding({ left: 25, right: 25 })
91 - .margin({top: 15}) 110 + .margin({top: 20})
92 111
93 Button("账号密码登录") 112 Button("账号密码登录")
94 .type(ButtonType.Normal) 113 .type(ButtonType.Normal)
95 .align(Alignment.Center) 114 .align(Alignment.Center)
96 .foregroundColor("#666666") 115 .foregroundColor("#666666")
97 .backgroundColor(Color.White) 116 .backgroundColor(Color.White)
  117 + .height(26)
  118 + .margin({top: 20})
98 .onClick((event) => { 119 .onClick((event) => {
99 router.replaceUrl({url: WDRouterPage.loginPage.url()}) 120 router.replaceUrl({url: WDRouterPage.loginPage.url()})
100 }) 121 })
101 } 122 }
  123 + .backgroundColor("#FFFFFF")
102 } 124 }
103 125
104 @Builder ProtocolRow() { 126 @Builder ProtocolRow() {
@@ -142,8 +164,9 @@ struct OneKeyLoginPage { @@ -142,8 +164,9 @@ struct OneKeyLoginPage {
142 .width(24) 164 .width(24)
143 .height(24) 165 .height(24)
144 .onClick(() => router.back()) 166 .onClick(() => router.back())
145 - }.margin({ top: 15, right: 15 }) 167 + }.margin({ top: 10, right: 16 })
146 .width("100%") 168 .width("100%")
  169 + .height(44)
147 } 170 }
148 171
149 async requestLogin() { 172 async requestLogin() {