微信小程序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图标组件

icon组件属性如表所示:
微信小程序icon图标组件

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!