微信小程序(十一)icon组件详细介绍

网络编程 2021-07-04 20:00www.168986.cn编程入门
这篇文章主要介绍了微信小程序icon组件详细介绍的相关资料,需要的朋友可以参考下

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

主要属性:

使用方式:

wxml

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

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

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

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

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

<!--带圆的成功图标-->
<icon type="suess_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"/>


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



相关文章:

                                                                                 
                                       
                                                                                          
                                                                                                 
                                                      
                                         
                                                    

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by