title: icon 图标 header: develop nav: extended sidebar: smt-icon

webUrl: https://qft12m.smartapps.cn/extensions/component/smt-icon/smt-icon

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

属性说明

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

示例

在开发者工具中预览效果

扫码体验

webUrl: https://qft12m.smartapps.cn/extensions/component/smt-icon/smt-icon - 图1

代码示例

:::codeTab

  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. });

:::