微信小程序 icon组件详细及实例代码


Posted in Javascript onOctober 25, 2016

属性:

微信小程序 icon组件详细及实例代码

 效果图:

微信小程序 icon组件详细及实例代码

 test.wxml

<!--成功图标-->
<icon type="success" size="40"/>
<!--安全成功标志图标-->
<icon type="safe_success" size="40"/>
<!--提示信息图标-->
<icon type="info" size="40"/>
<!--带圆的信息提示图标-->
<icon type="info_circle" size="40"/>
<!--不带圆的成功图标-->
<icon type="success_no_circle" size="40"/>
<!--带圆的成功图标-->
<icon type="success_circle" size="40"/>
<!--警告图标-->
<icon type="warn" size="40"/>
<!--带圆的等待图标-->
<icon type="waiting_circle" size="40"/>
<!--等待图标-->
<icon type="waiting" size="40"/>
<!--下载图标-->
<icon type="download" size="40"/>
<!--取消图标-->
<icon type="cancel" size="40"/>
<!--清除图标-->
<icon type="clear" size="40"/>
<!--成功图标集合-->
<View style="margin-top:30px;">
  <icon type="success" size="30" color="green"/>
  <icon type="success" size="40" color="blue"/>
  <icon type="success" size="50" color="red"/>
</View>
<!--取消图标集合-->
<View style="margin-top:30px;">
  <icon type="cancel" size="30" color="green"/>
  <icon type="cancel" size="40" color="blue"/>
  <icon type="cancel" size="50" color="red"/>
</View>

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

Javascript 相关文章推荐
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
js实现有时间限制消失的图片方法
Feb 27 Javascript
JavaScript获得页面base标签中url的方法
Apr 03 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
理解和运用JavaScript的闭包机制
Aug 13 Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
Vue.js实现立体计算器
Feb 22 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
js 提交form表单和设置form表单请求路径的实现方法
Oct 25 #Javascript
微信小程序  网络请求API详解
Oct 25 #Javascript
微信小程序 progress组件详解及实例代码
Oct 25 #Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 #Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 #Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 #Javascript
微信小程序 数据绑定详解及实例
Oct 25 #Javascript
You might like
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
浅析php适配器模式(Adapter)
2014/11/25 PHP
php文件夹的创建与删除方法
2015/01/24 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
JS this作用域以及GET传输值过长的问题解决方法
2013/08/06 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
Javascript Objects详解
2014/09/04 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
本地存储localStorage用法详解
2017/07/31 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
python自动发微信监控报警
2019/09/06 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
新手学python应该下哪个版本
2020/06/11 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
岗位廉政承诺书
2014/03/27 职场文书
三万活动总结
2014/04/28 职场文书
市场开发与营销专业求职信范文
2014/05/01 职场文书
个人公司授权委托书范本
2014/10/12 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书
导游词之任弼时故居
2020/01/07 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
Python游戏开发实例之graphics实现AI五子棋
2021/11/01 Python
部分武汉产收音机展览
2022/04/07 无线电