View UI Tag - daniel-qa/Vue GitHub Wiki
- 基礎用法
<Tag>标签一</Tag>
<Tag>标签二</Tag>
- 加入不同 Type 設定: border, dot, closable
加入 broder 後，背景會變白色
<Tag type="border">标签三</Tag>
<Tag type="border" closable>标签四</Tag>
<Tag type="dot">标签一</Tag>
<Tag type="dot" closable>标签二</Tag>
- 設定 Color (color 和 border, colsable 的組合)
<Tag type="border" closable color="gold">國文</Tag>
<Tag type="border" closable color="blue">數學</Tag>
<Tag type="border" closable color="green">英文</Tag>
<Tag color="default">default</Tag>
<Tag color="primary">primary</Tag>
<Tag color="success">success</Tag>
<Tag color="error">error</Tag>
<Tag color="warning">warning</Tag>
<Tag color="gold">gold</Tag>
<Tag type="border" closable color="primary">标签一</Tag>
- checkable
取消選取後，框線和背景顏色會消失
<Tag color="gold" checkable>國文</Tag>
<Tag color="blue" checkable>英文</Tag>
<Tag color="green" checkable>數學</Tag>
<Tag checkable color="primary">标签一</Tag>
<Tag checkable color="success">标签二</Tag>
<Tag checkable color="error">标签三</Tag>
<Tag checkable color="warning">标签四</Tag>
- size
不加就是預設 size,還有 medium,large
<Tag>國文</Tag>
<Tag size="medium">英文</Tag>
<Tag size="large">數學</Tag>
- 特殊樣式
加 color，closabel, (不加 border)
<Tag color="gold" closable>gold colseable</Tag>
