京东

登录

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
  1@Entry
  2@Component
  3struct Index {
  4  build() {
  5    RelativeContainer() {
  6      Column({
  7        space: 10
  8      }) {
  9        Row() {
 10          Text('X')
 11          Text('帮助')
 12            .fontSize(14)
 13            .fontColor('#666')
 14        }
 15        .width('100%')
 16        .height(20)
 17        .justifyContent(FlexAlign.SpaceBetween)
 18
 19        Image($r('app.media.bird'))
 20          .width('100%')
 21
 22        Row() {
 23          Text('国家/地址')
 24            .layoutWeight(1)
 25            .fontColor('#666')
 26          Text('中国(+86)')
 27            .margin({
 28              right: 10
 29            })
 30            .fontColor('#666')
 31          Text('>')
 32            .fontColor('#666')
 33        }
 34        .padding({
 35          left: 15,
 36          right: 10
 37        })
 38        .width('100%')
 39        .height(40)
 40        .backgroundColor('#fff')
 41        .borderRadius(20)
 42
 43        TextInput({
 44          placeholder: '请输入手机号'
 45        })
 46          .height(40)
 47          .borderRadius(20)
 48          .backgroundColor('#fff')
 49          .placeholderColor('#666')
 50
 51        Row() {
 52          Checkbox() {
 53          }
 54          .width(10)
 55          .margin({
 56            top: 7
 57          })
 58
 59          Text() {
 60            Span('我已经阅读并同意')
 61            Span('《京东隐私政策》')
 62              .fontColor('#3274f6')
 63            Span('《京东用户服务协议》')
 64              .fontColor('#3274f6')
 65            Span('未注册的手机号将自动创建京东账号')
 66          }
 67          .fontSize(12)
 68          .fontColor('#666')
 69          .lineHeight(20)
 70        }
 71        .alignItems(VerticalAlign.Top)
 72        .margin({
 73          top: 6
 74        })
 75        .padding({
 76          right: 20
 77        })
 78
 79        Button('登录')
 80          .width('100%')
 81          .backgroundColor('#bf2838')
 82          .margin({
 83            top: 6
 84          })
 85
 86        Row({
 87          space: 25
 88        }) {
 89          Text('新用户注册')
 90            .fontSize(14)
 91            .fontColor('#666')
 92          Text('账户密码登录')
 93            .fontSize(14)
 94            .fontColor('#666')
 95          Text('无法登录')
 96            .fontSize(14)
 97            .fontColor('#666')
 98        }
 99        .margin({
100          top: 6
101        })
102
103        Blank()
104
105        Column(){
106          Text('其他登录方式')
107            .height(22)
108            .fontSize(14)
109            .fontColor('#666')
110            .margin({
111              bottom: 5
112            })
113
114          Row(){
115            Image($r('app.media.startIcon'))
116              .width(28)
117            Image($r('app.media.startIcon'))
118              .width(28)
119            Image($r('app.media.startIcon'))
120              .width(28)
121            Image($r('app.media.startIcon'))
122              .width(28)
123          }
124          .width('100%')
125          .justifyContent(FlexAlign.SpaceAround)
126        }
127        .width('100%')
128      }
129      .padding(10)
130      .width('100%')
131      .height('100%')
132      .backgroundImage($r('app.media.layered_image'))
133      .backgroundImageSize(ImageSize.Cover)
134      .backgroundColor('#eee')
135    }
136  }
137}

Copyright ©2010-2022 比特日记 All Rights Reserved.

Powered By 可尔物语

浙ICP备11005866号-12