Icon 图标

图标基于 iconfont (opens new window)，您可以在 iconfont 上扩展自己所需的字体图标。

引入

"usingComponents": {
    "m-icon": "mind-ui-weapp/icon/index"
}

示例

基础用法

<!-- 内置图标 -->
<m-icon name="love" />

<!-- 图片链接 -->
<m-icon name="https://note-file.ixook.com/FkwInL0tWpqDeRNtYHMfmaHlioTq" />

<!-- 图标颜色 -->
<m-icon name="love" color="#EE5C42" />

<!-- 图标大小 -->
<m-icon name="love" size="60" />

内置图标

Api

Properties

参数	说明	类型	可选值	默认值
custom-class	根节点样式类	String	—	—
name	内置图标或图片链接	String	—	—
color	自定义图标颜色	String	—	—
size	自定义图标大小（单位rpx）	Number、String	—	36