完整微信小程序(Java后端) 技术贴目录清单页面(必看)
图标。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。
属性类型默认值必填说明最低版本typestring是icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear1.0.0sizenumber/string23否icon的大小1.0.0colorstring否icon的颜色,同css的color1.0.0示例代码
在开发者工具中预览效果
index.js
Page({ data: { iconSize: [20, 30, 40, 50, 60, 70], iconColor: [ 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple' ], iconType: [ 'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear' ] }})index.wxml
<view class="group"> <block wx:for="{{iconSize}}"> <icon type="success" size="{{item}}"/> </block></view><view class="group"> <block wx:for="{{iconType}}"> <icon type="{{item}}" size="40"/> </block></view><view class="group"> <block wx:for="{{iconColor}}"> <icon type="success" size="40" color="{{item}}"/> </block></view>index.wxss
.intro { margin: 30px; text-align: center;}运行效果:
微信搜一搜【java1234】关注这个放荡不羁的程序员,关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板