Timeline 時間線

按時間順序展示一串事件。使用 Element Plus 的 el-timeline。

設計準則

• 用於歷程:活動執行紀錄、會員互動軌跡、版本沿革;最新的放最上面
• 節點顏色跟語意走:完成 success、進行中 primary(可用 hollow 空心表示未完成)、異常 warning/danger
• 自訂圖標只給重要節點,不要每個節點都花
• 每節點資訊多(標題+說明)時用 placement="top" + 卡片

基本用法

loading

自訂節點(顏色/空心/圖標)

loading

卡片式(時間戳在上)

loading

Do / Don't

✅ Do	❌ Don't
最新在上	順序隨機
顏色跟語意	每個節點一種花色
重要節點才自訂圖標	全部都是圖標

給工程師

完整 API 見 Element Plus Timeline 文件。 本站規範優先於 EP 文件中的視覺建議。