编程 Javascript

微信小程序 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>

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

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

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript框架设计读书笔记之字符串的扩展和修复

Dec 02 Javascript

node.js插件nodeclipse安装图文教程

Oct 19 Javascript

AngularJS入门教程之服务(Service)

Jul 27 Javascript

jQuery实现圣诞节礼物动画案例解析

Dec 25 Javascript

ES6中的Promise代码详解

Oct 09 Javascript

记一次webpack3升级webpack4的踩坑经历

Jun 12 Javascript

vue.js实现插入数值与表达式的方法分析

Jul 06 Javascript

vue cli安装使用less的教程详解

Jul 12 Javascript

vue视频播放暂停代码

Nov 08 Javascript

javascript实现一款好看的秒表计时器

Sep 05 Javascript

详解微信小程序「渲染层网络层错误」的解决方法

Jan 06 Javascript

详解Anyscript开发指南绕过typescript类型检查

Sep 23 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在网页中动态生成PDF文件详细教程

2014/07/05 PHP

几行代码轻松实现PHP文件打包下载zip

2017/03/01 PHP

js操作ajax返回的json的注意问题!

2010/02/23 Javascript

jQuery的链式调用浅析

2010/12/03 Javascript

JavaScript异步编程:异步数据收集的具体方法

2013/08/19 Javascript

javascript控制Div层透明属性由浅变深由深变浅逐渐显示

2013/11/12 Javascript

javascript生成json数据简单示例分享

2014/02/14 Javascript

动态加载js的方法汇总

2015/02/13 Javascript

JavaScript正则表达式替换字符串中图片地址(img src)的方法

2017/01/13 Javascript

基于AngularJS实现的工资计算器实例

2017/06/16 Javascript

jQuery Ajax向服务端传递数组参数值的实例代码

2017/09/03 jQuery

基于jQuery Ajax实现下拉框无刷新联动

2017/12/06 jQuery

vue的无缝滚动组件vue-seamless-scroll实例

2017/12/18 Javascript

原生JS实现列表子元素顺序反转的方法分析

2018/07/02 Javascript

js module大战

2019/04/19 Javascript

React中获取数据的3种方法及优缺点

2020/02/18 Javascript

Vue按时间段查询数据组件使用详解

2020/08/21 Javascript

echarts饼图各个板块之间的空隙如何实现

2020/12/01 Javascript

python中dir函数用法分析

2015/04/17 Python

Python之reload流程实例代码解析

2018/01/29 Python

教你用一行Python代码实现并行任务（附代码）

2018/02/02 Python

在Python中实现函数重载的示例代码

2019/12/12 Python

Python pygame绘制文字制作滚动文字过程解析

2019/12/12 Python

在python3中使用shuffle函数要注意的地方

2020/02/28 Python

python3 循环读取excel文件并写入json操作

2020/07/14 Python

意大利制造的男鞋和女鞋：SCAROSSO

2018/03/07 全球购物

介绍一下Prototype的$()函数，$F()函数，$A()函数都是什么作用？

2014/03/05 面试题

写好求职信第一句话的技巧

2013/10/26 职场文书

幼教毕业生自我鉴定

2014/01/12 职场文书

民事和解协议书格式

2014/11/29 职场文书

大学毕业生个人总结

2015/02/28 职场文书

工商局个人工作总结

2015/03/03 职场文书

Python 如何安装Selenium

2021/05/06 Python

如何使用vue3打造一个物料库

2021/05/08 Vue.js

mysql 索引合并的使用

2021/08/30 MySQL

CSS精灵图的原理与使用方法介绍

2022/03/17 HTML / CSS