微信小程序 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 相关文章推荐
onpropertypchange
Jul 01 Javascript
Javascript 对象的解释
Nov 24 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
JavaScript this在函数中的指向及实例详解
Oct 14 Javascript
uni-app实现点赞评论功能
Nov 25 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
Sep 02 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 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
PHP filter_var() 函数 Filter 函数
2012/04/25 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
PHP闭包函数传参及使用外部变量的方法
2016/03/15 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
jquery入门必备的基本认识及实例(整理)
2013/06/24 Javascript
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
jquery等待效果示例
2014/05/01 Javascript
js的回调函数详解
2015/01/05 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
javascript实现博客园页面右下角返回顶部按钮
2015/02/22 Javascript
原生JavaScript编写俄罗斯方块
2015/03/30 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
2016/01/14 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
小程序实现列表多个批量倒计时
2021/01/29 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
Python编程中的for循环语句学习教程
2015/10/14 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
python实现倒计时小工具
2019/07/29 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
利用python实现汉诺塔游戏
2021/03/01 Python
全世界最美丽的四星和五星级酒店预订:Prestigia.com
2017/11/15 全球购物
PHP如何删除一个Cookie值
2012/11/15 面试题
关爱老人标语
2014/06/21 职场文书
审计班子对照检查材料
2014/08/27 职场文书
个人学习总结范文
2015/02/15 职场文书
初中物理教学反思
2016/02/19 职场文书
apache基于端口创建虚拟主机的示例
2021/04/24 Servers
MySQL系列之五 视图、存储函数、存储过程、触发器
2021/07/02 MySQL
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
一文简单了解MySQL前缀索引
2022/04/03 MySQL
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏