icon

图标。

属性名 类型 默认值 说明
type String icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size Number 23 icon的大小，单位px
color Color icon的颜色，同css的color

示例：

在开发者工具中预览效果

  1. <view class="group">
  2.   <block wx:for="{{iconSize}}">
  3.     <icon type="success" size="{{item}}"/>
  4.   </block>
  5. </view>
  7. <view class="group">
  8.   <block wx:for="{{iconType}}">
  9.     <icon type="{{item}}" size="40"/>
  10.   </block>
  11. </view>
  14. <view class="group">
  15.   <block wx:for="{{iconColor}}">
  16.     <icon type="success" size="40" color="{{item}}"/>
  17.   </block>
  18. </view>
  1. Page({
  2.   data: {
  3.     iconSize: [20, 30, 40, 50, 60, 70],
  4.     iconColor: [
  5.       'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'
  6.     ],
  7.     iconType: [
  8.       'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'
  9.     ]
  10.   }
  11. })

![icon](http://static.bookstack.cn/projects/mp-widget/153b8804425958f2.png)

原文:

https://developers.weixin.qq.com/miniprogram/dev/component/icon.html