微信小程序 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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
js中的for如何实现foreach中的遍历
May 31 Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
js中开关变量使用实例
Feb 24 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
JavaScript 正则命名分组【推荐】
Jun 07 Javascript
微信小程序实现简单表格
Feb 14 Javascript
Vue $mount实战之实现消息弹窗组件
Apr 22 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
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
图片存储与浏览一例(Linux+Apache+PHP+MySQL)
2006/10/09 PHP
php 带逗号千位符数字的处理方法
2012/01/10 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
简单的php中文转拼音的实现代码
2014/02/11 PHP
js 实现无干扰阴影效果 简单好用(附文件下载)
2009/12/27 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
Javascript技术难点之apply,call与this之间的衔接
2015/12/04 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
2016/04/27 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
2016/05/18 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python类型强制转换long to int的代码
2013/02/10 Python
在Python的Flask中使用WTForms表单框架的基础教程
2016/06/07 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
如何一键升级Python所有包
2020/11/05 Python
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
机电职业生涯规划书范文
2014/03/08 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
单位授权委托书范文
2014/08/02 职场文书
社区平安建设汇报材料
2014/08/14 职场文书
自强自立美德少年事迹材料
2014/08/16 职场文书
单位委托书范本(3篇)
2014/09/18 职场文书
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js