实现基础组件使用鸿蒙示例代码

List() {
  ForEach(itemContent, (item: ItemContent, index?: number) => {
    ListItem() {
      Row() {
        Text(item.title)
          .padding(10)
          .margin({ left: 30 })
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .maxLines(1)
          .width('80%')
        Image($r('app.media.arrow_right')).size({ width: 25, height: 25 })
      }
      .justifyContent(FlexAlign.SpaceBetween)
        .height(40).width('100%')
    }
    .onClick(() => {
      router.pushUrl({ url: item.url })
    })
  })
}

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