One UI

OneTimeline

OneTimeline 为每个事件渲染圆点、标题、可选时间与补充说明,并用垂直轨道串联。

  • 创建订单09-01 10:00
    订单已创建
  • 已发货
    快递已揽收
查看代码收起代码
import { OneTimeline } from '@geektech/one';

new OneTimeline({
  items: [
    { title: '创建订单', time: '09-01 10:00', content: '订单已创建' },
    { title: '已发货', color: 'success' },
  ],
});

圆点颜色

color 支持 primary、success、warning、danger 与 muted,默认 primary。

API

OneTimeline 属性
名称签名说明
itemsitems: OneTimelineItem[]事件项:title、content、time 与可选 color。