微信小程序把玩(十一)icon组件

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014360817/article/details/52664196

这里写图片描述

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

主要属性:

这里写图片描述

使用方式:

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

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页