微信小程序 wxapp内容组件 icon详细介绍
微信小程序 内容组件
相关文章：
微信小程序 wxapp内容组件 icon
微信小程序 wxapp内容组件 text
微信小程序 wxapp内容组件progress
icon
图标。
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| type | String | icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear | |
| size | Number | 23 | icon的大小，单位px |
| color | Color | icon的颜色，同css的color |
示例：
<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="45"/>
</block>
</view>
<view class="group">
<block wx:for="{{iconColor}}">
<icon type="success" size="45" color="{{item}}"/>
</block>
</view>
Page({
data: {
iconSize: [20, 30, 40, 50, 60, 70],
iconColor: [
'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'
],
iconType: [
'success', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn',
'success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download',
'info_circle', 'cancel', 'search', 'clear'
]
}
})
icon
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 wxapp内容组件 progress详细介绍，包括了微信小程序 wxapp内容组件 progress详细介绍的使用技巧和注意事项，需要的朋友参考一下 微信小程序 内容组件 相关文章： 微信小程序 wxapp内容组件 icon 微信小程序 wxapp内容组件 text 微信小程序 wxapp内容组件progress 微信小程序内容组件 进度条：progress 进度条 属
-
本文向大家介绍微信小程序 wxapp内容组件 text详细介绍，包括了微信小程序 wxapp内容组件 text详细介绍的使用技巧和注意事项，需要的朋友参考一下 微信小程序 内容组件 相关文章： 微信小程序 wxapp内容组件 icon 微信小程序 wxapp内容组件 text 微信小程序 wxapp内容组件progress 微信小程序内容组件：text 文本节点，支持转义符"\"。 除了文本节点以
-
本文向大家介绍微信小程序 （八）View组件详细介绍，包括了微信小程序 （八）View组件详细介绍的使用技巧和注意事项，需要的朋友参考一下 刚看到这个效果的时候还真是和ReactNative的效果一致，属性也基本的一样. view这个组件就是一个视图组件使用起来非常简单。 主要属性： flex-direction： 主要两个特性”row”横向排列”column”纵向排列 justify-conte
-
本文向大家介绍微信小程序 icon组件详细及实例代码，包括了微信小程序 icon组件详细及实例代码的使用技巧和注意事项，需要的朋友参考一下 属性： 效果图： test.wxml 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序（九）scroll-view组件详细介绍，包括了微信小程序（九）scroll-view组件详细介绍的使用技巧和注意事项，需要的朋友参考一下 scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面，比如我的模块 主要属性： 使用演示： wxml 相关
-
本文向大家介绍微信小程序（十三）progress组件详细介绍，包括了微信小程序（十三）progress组件详细介绍的使用技巧和注意事项，需要的朋友参考一下 进度条描述的是一种加载的状态，比如软件升级下载进度， 视频，图片下载进度… 主要属性： wxml 相关文章： hello WeApp icon组件 Window