目录

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.