icon图标

属性名 类型 默认值 描述
type String - icon 类型，有效值：info, warn、waiting、cancel、download、search、clear、success、success_no_circle、loading。
size Number 23 icon 大小，单位 px
color Color - icon 颜色，同 CSS 的 color

图示

icon - 图1

代码示例

  1. <block a:for="{{iconType}}">
  2.   <view class="item">
  3.     <icon type="{{item}}" aria-label="{{item}}" size="45"/>
  4.     <text>{{item}}</text>
  5.   </view>
  6. </block>
  7. <block a:for="{{iconSize}}">
  8.   <view class="item">
  9.     <icon type="success" size="{{item}}"/>
  10.     <text>{{item}}</text>
  11.   </view>
  12. </block>
  13. <block a:for="{{iconColor}}">
  14.   <view class="item">
  15.     <icon type="success" size="45" color="{{item}}"/>
  16.     <text style="color:{{item}}">{{item}}</text>
  17.   </view>
  18. </block>
  1. Page({
  2.   data: {
  3.     iconSize: [20, 30, 40, 50, 60],
  4.     iconColor: [
  5.       'red', 'yellow', 'blue', 'green'
  6.     ],
  7.     iconType: [
  8.       'success',
  9.       'info',
  10.       'warn',
  11.       'waiting',
  12.       'clear',
  13.       'success_no_circle',
  14.       'download',
  15.       'cancel',
  16.       'search',
  17.     ]
  18.   }
  19. })