全部产品

icon

更新时间:2020-03-25 20:18:43

图标。

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

图示

icon

代码示例

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