微信小程序把玩（十一）icon组件

最新推荐文章于 2023-03-07 18:16:36 发布

weixin_34178244

最新推荐文章于 2023-03-07 18:16:36 发布

阅读量94

点赞数

本文详细介绍了微信小程序中图标组件的使用方法及属性设置。通过不同的类型和样式，如成功图标、安全成功标志图标等，展示如何根据需求调整图标大小和颜色。

原文: 微信小程序把玩（十一）icon组件

这里写图片描述

这些是提供的所支持的图标样式，根据需求在此基础上去修改大小和颜色。

主要属性：

这里写图片描述

使用方式：

wxml

<!--成功图标-->
<icon type="success" size="40"/>

<!--安全成功标志图标-->
<icon type="safe_success" size="40"/>

<!--提示信息图标-->
<icon type="info" size="40"/>

<!--带圆的信息提示图标-->
<icon type="info_circle" size="40"/>

<!--不带圆的成功图标-->
<icon type="success_no_circle" size="40"/>

<!--带圆的成功图标-->
<icon type="success_circle" size="40"/>

<!--警告图标-->
<icon type="warn" size="40"/>

<!--带圆的等待图标-->
<icon type="waiting_circle" size="40"/>

<!--等待图标-->
<icon type="waiting" size="40"/>

<!--下载图标-->
<icon type="download" size="40"/>

<!--取消图标-->
<icon type="cancel" size="40"/>

<!--清除图标-->
<icon type="clear" size="40"/>


<!--改变颜色的success-->
<icon type="success" size="40" color="red"/>