icon是一种图标格式，用于系统图标、软件图标等，这种图标扩展名为.icon、.ico。常见的软件或windows桌面上的那些图标一般都是ICON格式的。在应用上面很多地方用到了icon图标,这样方便程序表述程序返回的操作状态,用户一眼就能看出应用返回的意思,提高用户体验,在小程序的组件提供了常用的icon图标,详细使用看下面介绍!
icon图标组件用法说明：
在使用的icon的时候，使用icon标签，然后有type属性和size属性，
具体的属性看最后的属性总结,标签的使用参考下面的代码。
示例代码的运行效果如下：
下面是WXML代码：
[XML] 纯文本查看 复制代码
Icons 图标 成功 用于表示操作顺利达成 提示 用于表示信息提示；也常用于缺乏条件的操作拦截，提示用户所需信息 普通警告 用于表示操作后将引起一定后果的情况 强烈警告 用于表示操作后将引起严重的不可挽回的后果的情况 等待 用于表示等待
下面是WXSS代码：
[CSS] 纯文本查看 复制代码
icon{ margin-right: 13px;}.page__bd { padding-left: 40px; padding-right: 40px; text-align: left;}.icon-box{ margin-bottom: 25px; display: flex; align-items: center;}.icon-box__ctn{ flex-shrink: 100;}.icon-box__title{ font-size: 20px;}.icon-box__desc{ margin-top: 6px; font-size: 12px; color: #888888;}.icon_sp_area { margin-top: 10px; text-align: left;}icon图标组件的主要属性：
以上就是解读和分析微信小程序组件：四、icon图标的详细内容，更多请关注 第一PHP社区 其它相关文章！
