icon 图标

解释： 包括天气、系统设置、互动社交、生活服务、书籍影音、政务服务、交通出行7个行业类别的图标。请扫描示例二维码查看图标全集。

属性说明

属性名类型必填默认值说明
nameString是icon的英文名称
colorString, Array.<String>否icon的颜色，多色图标支持传入色值的数组
sizeNumber否25icon的尺寸，单位px

示例

在开发者工具中预览效果

扫码体验

icon 图标 - 图1

代码示例

  1. <view>
  2.     <smt-icon name="add" color="{{color1}}" />
  3.     <smt-icon name="smart-game-m" size="30"  color="{{color2}}"/>
  4. </view>
  1. Page({
  2.     data: {
  3.         color1: '#3388ff',
  4.         color2: ['#ffdd52', '#ffc92c', '#ffa808', '#ffa808']
  5.     }
  6. });