鸿蒙开发--登录界面

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
      Column() {
        Image($rawfile('touxiang.png'))
        .width('40%')
        .height('18%')
        .margin({top:90})
          Text('添加鸿蒙账号')
            .fontSize(20)
            .margin({top:12})
            .fontWeight(FontWeight.Bold)
        Text('登录账号以获取更多服务')
          .fontColor('#999')
          .fontSize(12)
          .margin({top:3})
        TextInput({placeholder:'输入用户名'})
          .margin({top:27, left:15,right:15})
        TextInput({placeholder:'输入密码'})
          .margin(15)
          .type(InputType.Password)
        Button('登录')
          .width('75%')
        Text('注册账号')
          .fontColor('#36d')
          .margin(10)
          .onClick(() => {

          })
      }
      .width('100%')
      .height('100%')
      .padding(20)
  }
}