本文原创发布在[华为开发者社区](https:developer.huawei.comconsumercnforum)。介绍本示例通过List组件实现时间轴(横轴)构建。[构建时间轴(横轴)源码链接](https:gitee.comscenariosampleslisttimeline)效果预览使用说明打开应用后,时间轴构建完成,用户可以拖动时间轴进行查看。实现思路通过List组件构建时间轴,使用foreach进行循环构建。typescriptList(){ForEach(this.list,(item:DList){ListItem(){...}.width('40%')})}.alignListItem(ListItemAlign.Center).listDirection(Axis.Horizontal)