构建时间轴（横轴）鸿蒙示例代码

本文原创发布在华为开发者社区。

介绍

本示例通过List组件实现时间轴（横轴）构建。

构建时间轴（横轴）源码链接

效果预览

使用说明

打开应用后，时间轴构建完成，用户可以拖动时间轴进行查看。

实现思路

• 通过List组件构建时间轴，使用foreach进行循环构建。

  List(){
  ForEach(this.list,(item:DList)=>{
    ListItem(){...}
    .width('40%')
  })
  }
  .alignListItem(ListItemAlign.Center)
  .listDirection(Axis.Horizontal)