icon

图标。

属性名类型默认值说明
typeStringicon 的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
sizeNumber23icon 的大小，单位 px
colorColoricon 的颜色，同 css 的 color

示例代码：

  1. <!--icon.jxml-->
  2.     <view class="">
  3.         <block jd:for="{{iconSize}}">
  4.             <icon type="success" size="{{item}}" />
  5.         </block>
  6.     </view>
  7.     <view class="">
  8.         <block jd:for="{{iconType}}">
  9.             <icon type="{{item}}" size="60" />
  10.         </block>
  11.     </view>
  12.     <view class="">
  13.         <block jd:for="{{iconColor}}">
  14.             <icon type="success" size="60" color="{{item}}" />
  15.         </block>
  16.     </view>
  1. //icon.js
  2. Page({
  3.   data: {
  4.     iconSize: [20, 30, 60, 50, 60, 70],
  5.     iconColor: ['red', 'orange', 'yellow', 'green'],
  6.     iconType: ['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'],
  7.   }
  8. })

如图：

icon - 图1