作者：手机用户2502853217 | 来源：互联网 | 2017-05-11 02:04
这篇文章主要介绍了微信小程序 wxapp内容组件 icon详细介绍的相关资料,并附简单实例，需要的朋友可以参考下
微信小程序 内容组件
相关文章：
微信小程序 wxapp内容组件 icon
微信小程序 wxapp内容组件 text
微信小程序 wxapp内容组件progress
icon
图标。
| 属性名 | 类型 | 默认值 | 说明 |
|---|
| type | String | | icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear |
| size | Number | 23 | icon的大小，单位px |
| color | Color | | icon的颜色，同css的color |
示例：
Page({
data: {
iconSize: [20, 30, 40, 50, 60, 70],
iconColor: [
&＃39;red&＃39;, &＃39;orange&＃39;, &＃39;yellow&＃39;, &＃39;green&＃39;, &＃39;rgb(0,255,255)&＃39;, &＃39;blue&＃39;, &＃39;purple&＃39;
],
iconType: [
&＃39;success&＃39;, &＃39;info&＃39;, &＃39;warn&＃39;, &＃39;waiting&＃39;, &＃39;safe_success&＃39;, &＃39;safe_warn&＃39;,
&＃39;success_circle&＃39;, &＃39;success_no_circle&＃39;, &＃39;waiting_circle&＃39;, &＃39;circle&＃39;, &＃39;download&＃39;,
&＃39;info_circle&＃39;, &＃39;cancel&＃39;, &＃39;search&＃39;, &＃39;clear&＃39;
]
}
})icon
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
更多微信小程序 wxapp内容组件 icon详细介绍相关文章请关注PHP中文网！
京公网安备 11010802041100号