摘要: 图标主要是用来辅助ui界面的,常用的是√和×,像蓝牙和wifi是否连上的标志,让人直观明了。
icon的参数
组件icon的参数主要有三个,下图所示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200419104227742.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NhZXNhcjY2NjY=,size_16,color_FFFFFF,t_70)
(1)type:icon的类型,官方给出了9个,分别为success, success_no_circle, info, warn, waiting, cancel, download, search, clear,而这就个类型分别对应的图标如下图所示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200419104642673.png)
由于这九种类型是字符串(string),引用时需要单引号或者双引号。
(2)size:icon的大小,类型是数字(number)或者字符串(string)
(3)color:icon的颜色,支持关键字和RGB颜色码,想详细了解看查看链接:微信小程序之颜色使用
代码示例
在.wxml文件:
<icon type="success_no_circle" size="20" color="rgb(0,255,0)"></icon>
类型是无圈打钩,大小为20rp,颜色为绿色
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200419105720295.png)