首页 > 编程知识 正文

微信小程序标,微信小程序icon

时间:2023-05-04 07:58:45 阅读:266274 作者:4274

完整微信小程序(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】关注这个放荡不羁的程序员,关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。