Skip to content
iuiDesign
100%
10:11
本页目录

内置的大量常用图标。

基本使用

html
<iui-icon name="smile"></iui-icon>
<iui-icon name="smile"></iui-icon>

尺寸颜色

html
<iui-icon name="smile" size="30" color="#27C346"></iui-icon>
<iui-icon name="smile" size="30" color="#27C346"></iui-icon>

旋转

html
<!-- 旋转指定角度 -->
<iui-icon name="send" :rotate="-45"></iui-icon>
<!-- 旋转动画 -->
<iui-icon name="loading"></iui-icon>
<!-- 旋转指定角度 -->
<iui-icon name="send" :rotate="-45"></iui-icon>
<!-- 旋转动画 -->
<iui-icon name="loading"></iui-icon>

API

<Icon>props
参数描述类型默认值
name图标名称String-
size图标大小Numberinherit
color图标颜色String-
spin是否旋转Booleanfalse
rotate旋转角度Number0