微信小程序学习（四）之icon组件

一、效果

二、代码

<!--学习icon组件-->
<view class="title">学习icon组件</view>
<view class="student">2016/11/28 vsiryxm@qq.com</view>
<view>
    <text>
    1、icon的类型type分为：success, success_no_circle, info, warn, waiting, cancel, download, search, clear。
    2、size可设置图标的大小，默认为23px。
    3、color可设置图标的颜色。
    \n</text>
</view>
<view>
size控制大小：
<icon type="success" size="23"/>
<icon type="success" size="40"/>
</view>
<view>
type定义不同图标：
info：<icon type="info" size="45"/>
warn：<icon type="warn" size="45"/>
waiting：<icon type="waiting" size="45"/>
safe_success：<icon type="safe_success" size="45"/>
safe_warn：<icon type="safe_warn" size="45"/>
success_circle：<icon type="success_circle" size="45"/>
success_no_circle：<icon type="success_no_circle" size="45"/>
waiting_circle：<icon type="waiting_circle" size="45"/>
circle：<icon type="circle" size="45"/>
download：<icon type="download" size="45"/>
info_circle：<icon type="info_circle" size="45"/>
cancel：<icon type="cancel" size="45"/>
search：<icon type="search" size="45"/>
clear：<icon type="clear" size="45"/>
</view>