零基础开始学习鸿蒙开发-读书app简单的设计与开发

目录

1.首页设计

2.发现页面的设计

3.设置页面的设计

4.导航页设计

5.总结：

6.最终的效果

---

1.首页设计

@Entry
@Component
export struct home {
  @State message: string = '首页'
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

2.发现页面的设计

// Index.ets
@Entry
@Component
export struct find {
  @State message: string = '发现'
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

3.