ref |> 调整一键登录页面UI
Signed-off-by: xugenyuan <xugenyuan@wondertek.com.cn>
Showing
1 changed file
with
27 additions
and
4 deletions
| @@ -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() { |
-
Please register or login to post a comment