小程序组件 icon组件
程序员文章站
2022-03-23 08:33:24
...
icon组件是微信小程序提供的图标组件。借助icon组件,可以更低的资源占用展示更加丰富的内容。
icon 除了公共属性以外,还有3个参数:
对于type来说,只能使用官方提供的这9个类型。size这里要注意了,不是rpx,而是px;
使用场景:
- 用户操作后的提示
- 等待过程种的提醒
搜索框里的搜索按钮等。
来举个例子:
<view>
<block wx:for="{{iconColor}}" wx:key="*this">
<icon type="success" size="40" color="{{item}}"></icon>
</block>
</view>
<view>
<block wx:for="{{iconType}}" wx:key="*this">
<icon type='{{item}}' size='40' color="blue"></icon>
</block>
</view>
这里为data内容:
data: {
iconColor:['red','blue','green','black'],
iconType:['success','success_no_circle','info','warn','waiting']
},
效果如下:
上一篇: 算法第四次作业-回溯法求解作业分配问题
下一篇: 来一波美图,给你一天好心情