实现个人中心鸿蒙示例代码

ListItem() {
  Row({ space: CommonConstants.MAIN_PADDING }) {
    Image($r("app.media.mi_people"))
      .width(64)
      .height(64)
      .onClick(() => {
        this.pageInfos.pushPath({ name: 'PersonCenter' });
      })
    Column({ space: 15 }) {
      Text(`182****5571 >`)
        .fontSize(16)
        .onClick(() => {
          this.pageInfos.pushPath({ name: 'PersonCenter' });
        })

      Text('182****5571')
        .fontSize(CommonConstants.S_FONT_SIZE)
    }
    .justifyContent(FlexAlign.Start)
      .alignItems(HorizontalAlign.Start)
      .width(150)
  }
  .width(CommonConstants.COLUMN_WIDTH)
    .height(64)

}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.

Image($r("app.media.mi_ic_right_arrow"))
  .alignRules({
    right:{anchor:"__container__",align:HorizontalAlign.End},
    center:{anchor:"__container__",align:VerticalAlign.Center}
  })
  .margin({
    right:18
  })
  .width("15")
  .id("row_value")
  .onClick(() => {
    this.pageInfos.pushPath({ name: 'Index' });
  })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.