目录

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})}}
}