Card 卡片

把一組相關內容框成一個單元。使用 Element Plus 的 el-card。

設計準則

• header 放標題與該卡片的操作(編輯、更多);footer 放次要的補充資訊(更新時間)
• 陰影:內容區的卡片用 never 或 hover(可點擊的卡片用 hover 提示);整頁大量卡片不要都開 always,會很吵
• 卡片圓角規範為 8px(工程端以 --el-card-border-radius 統一設定)
• 卡片內間距用預設,不要每張卡自訂

基本用法

loading

陰影時機

loading

Do / Don't

✅ Do	❌ Don't
header 放標題+操作	標題塞在內文第一行
可點擊的卡片用 hover 陰影	整頁卡片全部常駐陰影
圓角統一 8px	每張卡不同圓角

給工程師

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