Icon

图标

代码引入

在 page.json 中引入组件

  1. {
  2.   "usingComponents": {
  3.     "mp-icon": "../../components/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 - 图2Icon - 图3