# Icon 图标
图标基于 iconfont (opens new window),您可以在
iconfont
上扩展自己所需的字体图标。
# 引入
import { Icon } from 'mind-ui-vue';
Vue.use(Icon);
# 示例
# 基础用法
图标需为系统提供的字体图标。
<m-icon name="love" />
# 图标颜色
<m-icon name="love" color="#EE5C42" />
# 图片链接
<m-icon name="https://note-file.ixook.com/FkwInL0tWpqDeRNtYHMfmaHlioTq" />
# 图标尺寸
<m-icon name="love" size="60" />
# 内置图标
# Api
# Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 内置图标名称或图片链接 | String | — | — |
color | 自定义图标颜色 | String | — | — |
size | 自定义图标大小,单位 px | String | — | 36 |