Timeline 時間軸

按時間順序展示事項流轉。alternate 模式左右交替排列，條目支援類型與空心節點。

時間軸

<template>
  <div class="demo-col">
    <p class="demo-note">mode="left"（預設）</p>
    <LhTimeline>
      <LhTimelineItem timestamp="2026-09-01" type="primary">啟動「宋畫全集」數位化</LhTimelineItem>
      <LhTimelineItem timestamp="2026-09-10" type="success">完成 120 幅高畫質採集</LhTimelineItem>
      <LhTimelineItem timestamp="2026-09-20" type="warning" hollow>校色復核發現 3 處偏差</LhTimelineItem>
      <LhTimelineItem timestamp="2026-10-01" type="danger">復核完成，重新發布</LhTimelineItem>
    </LhTimeline>
    <p class="demo-note">mode="alternate"（左右交替）</p>
    <LhTimeline mode="alternate">
      <LhTimelineItem timestamp="北宋" type="primary">范寬《溪山行旅圖》</LhTimelineItem>
      <LhTimelineItem timestamp="北宋" hollow>郭熙《早春圖》</LhTimelineItem>
      <LhTimelineItem timestamp="元代" type="success">黃公望《富春山居圖》</LhTimelineItem>
    </LhTimeline>
  </div>
</template>

Timeline Props

屬性	說明	類型	預設值
mode	佈局模式（alternate 左右交替）	'left' \| 'alternate'	'left'
sx	sx 快速佈局屬性	—	—

TimelineItem Props

屬性	說明	類型	預設值
timestamp	時間戳記	string	—
type	節點類型	'primary' \| 'success' \| 'warning' \| 'danger'	—
hollow	空心節點	boolean	false
sx	sx 快速佈局屬性	—	—

Slots

TimelineItem 預設插槽：條目內容。