小程序 | 365笔记第3天 | icon

在学习icon组件之前，先了解一下icon组件的参数；
icon图标。
icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear;
icon的大小，单位px或rpx，默认为23px
icon的颜色，同css的color;

1.图标的类型和颜色一样，大小不一样；

图片.png

<view class="wrapper">
<block wx:for="{{[20,30,40,50,60,70]}}">
<icon type="success" size="{{item}}"></icon>
</block>
</view>

2.不同类型的图标；

图片.png

<view class="wrapper">
<block wx:for="{{['success','success_no_circle','info','warn','waiting','cancel','download','search','clear']}}">
<icon type="{{item}}" size="40"></icon>
</block>
</view>

3.不同颜色的图标；

图片.png

<view class="wrapper">
<block wx:for="{{['red','orange','yellow','green','blue','purple','black','grey']}}"><icon type="success" size="40" color="{{item}}"></icon> </block></view>`