微信小程序 icon组件详细介绍

最新推荐文章于 2024-11-24 00:00:00 发布

转载最新推荐文章于 2024-11-24 00:00:00 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jjxhp/p/7240201.html

本文介绍了一组常用的图标样式及其使用方法。提供了多种图标类型，如成功、警告、等待等，并展示了如何通过wxml来调用这些图标，同时支持修改图标大小和颜色。

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

主要属性：

使用方式：

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"/>

转载于:https://www.cnblogs.com/jjxhp/p/7240201.html