图标(AMIcon)

本文介绍图标(AMIcon)。

属性名 描述 类型 默认值 必选
type icon 类型,具体效果扫上面二维码预览 String - true
size icon 大小,单位 px String - false
color icon 颜色,同 CSS 的 color String - false
图标风格 type 有效值
基础类型 arrow-leftarrow-uparrow-rightarrow-downcrossplus
描边风格 close-odislike-oheart-ohelp-olike-olocation-oinfo-osuccess-owait-owarning-ostar-odownloadfriendscircledeletechargecardnoticeqrcodereloadscanmoneysearchsettingsharezoom-inzoom-out
实心风格 closedislikehearthelplikelocationinfosuccesswaitwarningstar

代码示例

  1. {
  2. "defaultTitle": "小程序AntUI组件库",
  3. "usingComponents": {
  4. "am-icon": "mini-antui/es/am-icon/index",
  5. }
  6. }
  1. <view>
  2. <am-icon type="like" size="{{24}}" color="#333" />
  3. </view>
阿里云首页 移动开发平台 mPaaS 相关技术圈