微信小程序icon组件使用详解
更新时间：2018年01月31日 10:04:30 作者：Rattenking
这篇文章主要为大家详细介绍了微信小程序icon组件的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序icon组件的实现，具体如下
原生的icon组件的属性
WXML
<view class="icon-group">
<icon wx:for="{{typeList}}" type="{{item}}" size="40"></icon>
</view>
JS
Page({
data: {
typeList: ['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear']
},
})
引入图标库
方法
WXML
<view class="icon-group">微信小程序外部库引入图标</view> <view class="icon-group"> <icon class="iconfont icon-zhiding"></icon> <icon class="iconfont icon-zuojiantou"></icon> <icon class="iconfont icon-youjiantou"></icon> <icon class="iconfont icon-shangjiantou"></icon> <icon class="iconfont icon-xiajiantou1"></icon> <icon class="iconfont icon-xiajiantou"></icon> </view> <view class="icon-group"> <icon class="iconfont icon-gengduotianchong"></icon> <icon class="iconfont icon-erweima"></icon> <icon class="iconfont icon-fenleiorguangchangorqita"></icon> <icon class="iconfont icon-dibiao"></icon> <icon class="iconfont icon-bangzhu"></icon> <icon class="iconfont icon-xinfeng"></icon> </view> <view class="icon-group"> <icon class="iconfont icon-duihuaxinxi"></icon> <icon class="iconfont icon-sousuo"></icon> <icon class="iconfont icon-shouye"></icon> <icon class="iconfont icon-shezhi"></icon> <icon class="iconfont icon-shanchu"></icon> <icon class="iconfont icon-dianhua"></icon> </view>
DEMO下载
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
才华横溢的Stoyan Stefanov，在他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式)中，我想要是为我们的读者贡献其摘要，那会是件很美妙的事情2012-01-01
本文主要介绍了简单的渐变轮播插件，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了一文搞懂Map与Set的用法和区别,文章开头给大家介绍了map和set的基本概念，了解这些基础知识能够帮助我们更好的使用，需要的朋友可以参考下2022-06-06
JavaScript根据CSS的Media Queries来判断浏览设备的方法
这篇文章主要介绍了JavaScript根据CSS的Media Queries来判断浏览设备的方法,主要思路是通过CSS Media Queries改变一个类的某个属性值(例如 z-index),然后用JavaScript读取判断,需要的朋友可以参考下2016-05-05
在2016年10月11日facebook 公开了新的javascript包管理工具 yarn, 用来替代目前被广泛使用的npm(nodejs 自带的包管理工具)，本文将介绍yarn工具带来的优点和使用入门，以及对比npm解决了什么问题，带来哪些便利。有需要的朋友们下面来一起看看吧。2016-12-12
这篇文章主要介绍了json格式数据的添加，删除及排序方法,结合实例形式分析了针对一维数组与二维数组的json格式数据进行增加、删除与排序的实现技巧,需要的朋友可以参考下2016-01-01
《javascript设计模式》学习笔记二：Javascript面向对象程序设计继承用法分析
这篇文章主要介绍了Javascript面向对象程序设计继承用法,结合实例形式分析了《javascript设计模式》中JavaScript面向对象程序设计继承相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
今天小编就为大家分享一篇layui实现数据表格隐藏列的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
本文为大家介绍下Javascript中如何得到中英文混合字符串的长度，下面有个不错的教程，感兴趣的朋友可以参考下2014-01-01
这篇文章主要介绍了JavaScript随机数的组合问题,结合具体案例形式分析了JavaScript随机数的组合问题相关算法原理、实现技巧与注意事项,需要的朋友可以参考下2020-05-05
最新评论