微信小程序 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 相关文章推荐
JS 创建对象(常见的几种方法)
Nov 03 Javascript
js中判断文本框是否为空的两种方法
Jul 31 Javascript
JavaScript获取客户端IP的方法(新方法)
Mar 11 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
基于JS实现checkbox全选功能实例代码
Oct 31 Javascript
js时间查询插件使用详解
Apr 07 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
three.js搭建室内场景教程
Dec 30 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
JQuery省市联动效果实现过程详解
May 08 jQuery
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 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 抽象类的简单应用
2011/09/06 PHP
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
js实现异步循环实现代码
2016/02/16 Javascript
Javascript缓存API
2016/06/14 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
AngularJS  双向数据绑定详解简单实例
2016/10/20 Javascript
vue2导航根据路由传值,而改变导航内容的实例
2017/11/10 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
利用python实现简单的循环购物车功能示例代码
2017/07/05 Python
Python中字符串List按照长度排序
2019/07/01 Python
django 中QuerySet特性功能详解
2019/07/25 Python
Python3如何判断三角形的类型
2020/04/12 Python
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
方正Java笔试题
2014/07/03 面试题
怎样写留学自荐信
2013/11/11 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
文明寝室标语
2014/06/13 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
接待员岗位职责范本
2015/04/15 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
推销搭讪开场白
2015/05/28 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
漫画「日和酱的要求是绝对的」第3卷封面公开
2022/03/21 日漫
如何利用python实现列表嵌套字典取值
2022/06/10 Python