• Icon
    • 代码引入
    • 示例代码
    • 效果展示
    • 属性列表
    • Icon 列表

    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