微信小程序 wxapp内容组件 icon详细介绍


Posted in Javascript onOctober 31, 2016

微信小程序 内容组件

相关文章:

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内容组件 icon详细介绍

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
图像替换新技术 状态域方法
Jan 28 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
js onclick事件传参讲解
Nov 06 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 Javascript
使用refresh_token实现无感刷新页面
Apr 26 Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 #Javascript
微信小程序 wxapp地图 map详解
Oct 31 #Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 #Javascript
微信小程序 wxapp视图容器 view详解
Oct 31 #Javascript
详解JavaScript跨域总结与解决办法
Oct 31 #Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
Oct 31 #Javascript
微信小程序 获取微信OpenId详解及实例代码
Oct 31 #Javascript
You might like
php 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
jQuery 表格插件整理
2010/04/27 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
js数组的基本操作(很全自己整理的)
2014/10/16 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
2016/11/10 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2
2014/07/15 DOTA
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
python笔记(2)
2012/10/24 Python
快速查询Python文档方法分享
2017/12/27 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
python使用Tesseract库识别验证
2018/03/21 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
python获取Linux发行版名称
2019/08/30 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
《蒲公英》教学反思
2014/02/28 职场文书
军训新闻稿范文
2015/07/17 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书
创业计划书之书店
2019/09/10 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
vue引入Excel表格插件的方法
2021/04/28 Vue.js