摘要: 图标主要是用来辅助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,颜色为绿色
在这里插入图片描述

更多推荐