Card 卡片

2022-05-10, Helen

# 標題 內容
1 Status 數據展示
2 Zeplin #
3 Ant Design hhttps://ant.design/components/card-cn/
4 Web #
5 App #

定義

通用卡片容器。

何時使用

最基礎的卡片容器,可放入文字、列表、圖片、段落。

卡片標題類型

  1. 標題置於左側,右側放於按鈕。
  2. 按鈕為針對整個卡片做的動作,最多 2 顆,分別為主要按鈕「+新增」、次級按鈕「匯入」。
  3. 若匯入僅有一個功能,則按鈕文案為「匯入XXX」,例如:匯入SKU。
    若匯入含有多功能,則按鈕文案為「匯入」。下拉選單為需要匯入的資料,例如:匯入銷貨單、匯入銷貨單明細。
  4. 預設顯示全部資料中最新的 20 筆資料。

類型

1. 基本樣式
2. 空狀態