共有 203 个图标,涵盖日常使用需求,可自定义颜色、自定义大小。
示例图



基础用法
页面 .json 文件 usingComponents 中引入组件
// json
{
"usingComponents": {
"mx-btn": "/components/mxwui/icon/index"
}
}页面 .wxml 文件中使用组件
<mx-icon name="home" color="" size="" />更多用法示例
图标名称 name
属性:name,只支持图标库中图标
<mx-icon name="home" />图标颜色 color
属性:color,图标颜色,默认 #040A23,支持任何合法的颜色值。
<mx-icon color="#f00" />图标大小 size
属性:size,图标大小,默认 48,不带单位,使用rpx。
<mx-icon size="32" />参数
| 参数 | 类型 | 必填 | 可选值 | 默认值 | 参数描述 |
|---|---|---|---|---|---|
| name | String | 是 | 图标库图标名 | 图标名称,只支持图标库中图标 | |
| color | String | 颜色值 | #040A23 |
图标颜色,支持任何合法的颜色值 | |
| size | String | 数字 | 48 |
图标大小,不带单位,使用rpx |
其他说明
无