Tag 標籤

標記狀態、分類的小型標籤。使用 Element Plus 的 el-tag。

設計準則

• 狀態標籤用語意色(type):進行中 primary、完成 success、草稿 info、待審核 warning、失敗 danger;全產品同一狀態同一色
• 客群/分類標籤用擴充色盤的卡片標籤公式(底 50 / 框 200 / 字 700)
• 主題(effect)全產品選一種為主:預設 light;dark 只給需要強調的少數場景
• 表格內用 size="small"
• 可移除(closable)只給使用者自己加的標籤;系統狀態不能被關掉

狀態標籤(語意色)

loading

尺寸

loading

主題與圓角

loading

可移除與動態編輯

loading

客群標籤(品牌色公式)

loading

Do / Don't

✅ Do	❌ Don't
同一狀態全產品同一色	這頁綠色那頁藍色
客群標籤套卡片公式	飽和實色底+白字
closable 只給自訂標籤	系統狀態可以被關掉
表格內 small	表格裡塞 large 標籤

給工程師

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