微信小程序 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 相关文章推荐
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
Javascript学习笔记5 类和对象
Jan 11 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
js操作table示例(个人心得)
Nov 29 Javascript
学习JavaScript设计模式之享元模式
Jan 18 Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
巧用canvas
Jan 21 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
Sep 25 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
Sep 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
php跨域cookie共享使用方法
2014/02/20 PHP
PHP文件上传小程序 适合初学者学习!
2019/05/23 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
offsetHeight在OnLoad中获取为0的现象
2013/07/22 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
Javascript实现倒计时时差效果
2017/05/18 Javascript
webpack3+React 的配置全解
2017/08/21 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
2017/09/12 jQuery
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
Python中使用动态变量名的方法
2014/05/06 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
简单了解Python读取大文件代码实例
2019/12/18 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
python中常见错误及解决方法
2020/06/21 Python
python IP地址转整数
2020/11/20 Python
中国医药集团国药在线:国药网
2017/02/06 全球购物
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
Fanatics英国官网:美国体育电商
2018/11/06 全球购物
高三自我鉴定
2013/10/23 职场文书
教师师德演讲稿
2014/05/06 职场文书
团日活动总结书
2014/05/08 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
付款证明模板
2015/06/19 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android
oracle重置序列从0开始递增1
2022/02/28 Oracle
nginx 添加http_stub_status_module模块
2022/05/25 Servers