Harmony OS编程语言学习-黑马P12-24

第二天-QQ音乐登录页面-对应黑马P12-24

enum colorList {
  green = "#00FF00",
  red = "#FF0000",
  blue = "#0000FF"
}

let logoMargin:Padding = {
  top: 150,
  bottom: 150
}

let fontSize:number = 8

// 表示页面入口点
@Entry
// 表示页面的一个元素
@Component
// index.ets 的页面结构

/* TODO: 明天学习CheckBox
 * TODO: CheckBox(登录即表示您已阅读并同意“QQ音乐”使用协议和隐私政策)
 * TODO: 勾上点击登录，登陆后：Toast(用户授权登录)，反之：Toast(用户未授权)
 */

struct Index {
  // 不理解
  @State message: string = '测试0903';
  build() {
    // 列
    Column({space:10}){
      Column(){
        Image($r('app.media.qqmusic'))
          .width(100)
        Text('QQ音乐')
          .fontSize(25)
          .fontColor($r('sys.color.black'))
      }
      .margin(logoMargin)
      Button('QQ登录')
      Button('微信登录')
      Text('登录即表示您已阅读并同意“QQ音乐”使用协议和隐私政策')
        .fontColor('#c0c0c0')
        .fontSize(fontSize)
        .height('30%')
    }
    .alignItems(HorizontalAlign.Center)
    .width('100%')
    .height('100%')
  }
}