Icon 图标
基础用法
通过name来设置不同的图标
html
<ivy-icon name="download"></ivy-icon>
<ivy-icon name="edit"></ivy-icon>
<ivy-icon name="reading"></ivy-icon>
旋转
添加spin属性来使 icon 旋转
html
<ivy-icon name="loading" spin></ivy-icon>
<ivy-icon name="refresh-right" spin></ivy-icon>
<ivy-icon name="refresh" spin></ivy-icon>
大小
添加size属性来设置大小
html
<ivy-icon name="loading" size="12"></ivy-icon>
<ivy-icon name="loading"></ivy-icon>
<ivy-icon name="loading" size="16"></ivy-icon>
<ivy-icon name="loading" size="18"></ivy-icon>
<ivy-icon name="loading" size="20"></ivy-icon>
颜色
添加color属性来设置颜色
html
<ivy-icon name="loading"></ivy-icon>
<ivy-icon name="loading" color="red"></ivy-icon>
<ivy-icon name="loading" color="blue"></ivy-icon>
<ivy-icon name="loading" color="pink"></ivy-icon>
<ivy-icon name="loading" color="green"></ivy-icon>