Tag 标签
常规用法
默认显示的样式
自定义颜色
通过color属性来设置主题,默认颜色有 5 中-primary、success、warning、error、info
html
<ivy-tag color="#008000">#008000</ivy-tag>
<ivy-tag color="#67C23A">#67C23A</ivy-tag>
<ivy-tag color="#E6A23C">#E6A23C</ivy-tag>
<ivy-tag color="#F56C6C">#F56C6C</ivy-tag>
<ivy-tag color="#909399">#909399</ivy-tag>
theme
通过theme属性来设置主题,一共有三种plain、dark、default,其中default是默认的不用写
default：
dark：
plain：
html
default：
<ivy-tag color="primary">#409eff</ivy-tag>
<ivy-tag color="success">#67C23A</ivy-tag>
<ivy-tag color="warning">#E6A23C</ivy-tag>
<ivy-tag color="error">#F56C6C</ivy-tag>
<ivy-tag color="info">#909399</ivy-tag>
dark：
<ivy-tag theme="dark" color="primary">#409eff</ivy-tag>
<ivy-tag theme="dark" color="success">#67C23A</ivy-tag>
<ivy-tag theme="dark" color="warning">#E6A23C</ivy-tag>
<ivy-tag theme="dark" color="error">#F56C6C</ivy-tag>
<ivy-tag theme="dark" color="info">#909399</ivy-tag>
plain：
<ivy-tag theme="plain" color="primary">#409eff</ivy-tag>
<ivy-tag theme="plain" color="success">#67C23A</ivy-tag>
<ivy-tag theme="plain" color="warning">#E6A23C</ivy-tag>
<ivy-tag theme="plain" color="error">#F56C6C</ivy-tag>
<ivy-tag theme="plain" color="info">#909399</ivy-tag>
Size 大小
通过size属性来设置主题,一共有四种mini、small、medium、default,其中default是默认的不用写
html
<ivy-tag>default</ivy-tag>
<ivy-tag size="medium">medium</ivy-tag>
<ivy-tag size="small">small</ivy-tag>
<ivy-tag size="mini">mini</ivy-tag>