wechat-miniprogram / weui

# Icon

图标

# 代码引入

在 page.json 中引入组件

{
  "usingComponents": {
    "mp-icon": "weui-miniprogram/icon/icon"
  }
}
1
2
3
4
5

# 示例代码

<!--WXML示例代码-->
<mp-icon type="field" icon="add" color="black" size="{{25}}"></mp-icon>
<mp-icon icon="add" color="black" size="{{25}}"></mp-icon>
1
2
3

# 效果展示

# 属性列表

属性 类型 默认值 说明
extClass string 组件类名
type string outline Icon类型，可选值 outline（描边），field（填充）
icon string Icon名字
size number 20 Icon的大小，单位 px
color string black Icon的颜色，默认黑色

# Icon 列表

← Form →