一、效果
二、代碼
<!--學習icon組件-->
<view class="title">學習icon組件</view>
<view class="student">2016/11/28 [email protected]</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>
