0%

微信小程序学习之icon组件

一、实现效果

二、代码部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!--学习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>