本文介绍图标(AMIcon)。
属性名 |
描述 |
类型 |
默认值 |
必选 |
type |
icon 类型,具体效果扫上面二维码预览 |
String |
- |
true |
size |
icon 大小,单位 px |
String |
- |
false |
color |
icon 颜色,同 CSS 的 color |
String |
- |
false |
图标风格 |
type 有效值 |
基础类型 |
arrow-left 、 arrow-up 、 arrow-right 、 arrow-down 、cross 、plus |
描边风格 |
close-o 、dislike-o 、heart-o 、help-o 、like-o 、location-o 、info-o 、success-o 、wait-o 、warning-o 、star-o 、download 、friends 、circle 、delete 、charge 、card 、notice 、qrcode 、reload 、scan 、money 、search 、setting 、share 、zoom-in 、zoom-out |
实心风格 |
close 、dislike 、heart 、help 、like 、location 、info 、success 、wait 、warning 、star |
代码示例
{
"defaultTitle": "小程序AntUI组件库",
"usingComponents": {
"am-icon": "mini-antui/es/am-icon/index",
}
}
<view>
<am-icon type="like" size="{{24}}" color="#333" />
</view>