微信小程序：图标的使用（icon）

摘要： 图标主要是用来辅助ui界面的，常用的是√和×，像蓝牙和wifi是否连上的标志，让人直观明了。

icon的参数

组件icon的参数主要有三个，下图所示：

（1）type：icon的类型，官方给出了9个，分别为success, success_no_circle, info, warn, waiting, cancel, download, search, clear，而这就个类型分别对应的图标如下图所示：

由于这九种类型是字符串（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，颜色为绿色