# Icon 图标
350+常用的字体图标组件
# 基础用法
使用icon属性,仅限unify内置的字体图标
<unify-icon icon="iconactivity"></unify-icon>
# 图标大小
使用size属性控制字体图标大小
<unify-icon size="42" icon="iconactivity"></unify-icon>
# 图标颜色
图标颜色为文本颜色,请前往基础布局》颜色板块查看文字颜色
,也可自定义class(需写在公共的css文件或者App.vue内才生效,当前页无效)
<unify-icon size="42" icon="iconactivity" color="color-red"></unify-icon>
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
icon | 图标名称 | String | - | - |
size | 图标尺寸 | Number / String | - | 28 |
color | 字体颜色 | String | color-main |
← Column 列布局 Image 图片 →