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

目录

1.新建一个MyMessage页面

2.确定布局方式，显然我们用线性布局会比较好

3.具体布局就不详细图标大小调整就不做详细介绍了

4.给我的消息添加路由跳转。

5.如图效果

1.新建一个MyMessage页面

// Index.ets
@Entry
@Component
export struct find {
  @State message: string = '我的消息'
  build() {
   Column({space:20}){
     Text('我的消息').align(Alignment.Center).fontSize(20).margin({top:30})
     Row({space:80}) {
       Column({space:10}) {
         Image($r('app.media.fans')).width(20).height(20)
         Text('粉丝')
       }
       Column({space:10}) {
         Image($r('app.media.love')).width(20).height(20)
         Text('点赞')
       }
       Column({space:10}) {
         Image($r('app.media.danmu')).width(20).height(20)
         Text('弹幕')
       }
       Column({space:10}) {
         Image($r('app.media.commentlog')).width(20).height(20)
         Text('评论')
       }
     }.margin({left:15,top:150})
   }
  }
}