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