29、鸿蒙/组件/内外边距实现登录

案例

@Component
export struct Login2 {
  build() {

    //
    Column(){
      //
      Image($r('app.media.startIcon'))
        .width(100)
        .border({
          width: 3,
          color: Color.Orange,
          style: BorderStyle.Dotted
        }).borderRadius(100)
      //
      Text('圆梦人生')
        .margin({
          top: 10,
          bottom: 30
        })
      //
      Button('华为账号登录').width('100%')
        .margin({
          bottom: 10
        })
      Button('手机号登录').width('100%').backgroundColor('#d1d1d1')
        .fontColor(Color.Black)

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