Icon

图标

代码引入

在 page.json 中引入组件

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

示例代码

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

效果展示

Icon - 图1

属性列表

属性类型默认值说明
extClassstring组件类名
typestringoutlineIcon类型,可选值 outline(描边),field(填充)
iconstringIcon名字
sizenumber20Icon的大小,单位 px
colorstringblackIcon的颜色,默认黑色

Icon 列表

Icon - 图2 Icon - 图3