微信小程序icon图标组件

微信小程序icon图标组件，微信小程序很贴心地把一些常用的图标变成了代码形式，这样可以减少网络交互和图片占用，提升用户的体验，同时还可以减少程序的体积大小。icon组件示例代码如下：

<!--index.wxml-->
<icon type="success" size="30"/>
<icon type="success_no_circle" size="30"/>
<icon type="info" size="30"/>
<icon type="warn" size="30"/>
<icon type="waiting" size="30"/>
<icon type="cancel" size="30"/>
<icon type="download" size="30"/>
<icon type="search" size="30"/>
<icon type="clear" size="30"/>
/**index.wxss**/
icon{
  margin: 2px;
}

效果如图所示：

icon组件属性如表所示：

酷客网相关文章：

• 微信小程序text文本组件
• 微信小程序image组件
• 微信小程序scroll-view滚动视图
• 微信小程序view组件