图标。组件属性的长度单位默认为 px

参考文档

类型

  1. ComponentType<IconProps>

示例代码

  1. export default class PageView extends Component {
  2.   constructor() {
  3.     super(...arguments)
  4.   }
  6.   render() {
  7.     return (
  8.       <View className='components-page'>
  9.         <Icon size='60' type='success' />
  10.         <Icon size='60' type='info' />
  11.         <Icon size='60' type='warn' color='#ccc' />
  12.         <Icon size='60' type='warn' />
  13.         <Icon size='60' type='waiting' />
  14.         <Icon size='20' type='success_no_circle' />
  15.         <Icon size='20' type='warn' />
  16.         <Icon size='20' type='success' />
  17.         <Icon size='20' type='download' />
  18.         <Icon size='20' type='clear' color='red' />
  19.         <Icon size='20' type='search' />
  20.       </View>
  21.     )
  22.   }
  23. }

IconProps

参数类型默认值必填说明
type“success” | “success_no_circle” | “info” | “warn” | “waiting” | “cancel” | “download” | “search” | “clear”是icon 的类型
sizestring23否icon 的大小，单位px
colorstring否icon 的颜色，同 css 的 color

API 支持度

API微信小程序百度小程序支付宝小程序字节跳动小程序H5React Native
IconProps.type✔️✔️✔️✔️✔️✔️
IconProps.size✔️✔️✔️✔️✔️✔️
IconProps.color✔️✔️✔️✔️✔️✔️

TIconType

icon 的类型

参数说明
success成功图标
success_no_circle成功图标（不带外圈）
info信息图标
warn警告图标
waiting等待图标
cancel取消图标
download下载图标
search搜索图标
clear清楚图标

API 支持度

API微信小程序百度小程序支付宝小程序字节跳动小程序H5React Native
Icon✔️✔️✔️✔️✔️✔️