微信小程序中使用阿里字体图标
来源:互联网 发布:投资什么赚钱知乎 编辑:程序博客网 时间:2024/06/13 10:26
在微信小程序中使用阿里字体图标 ,不通过转换成base64的方式实现。
为了美化微信小程序,可以适当的使用一些小图标,这样体验也更友好些,于是决定使用常用的字体图标。
下载图标
首先在阿里字体图标查找你所需要的图标,然后“添加入库”(类似加入购物车那种)添加至项目(没有项目选择新建项目)
选择unicode,点击“查看在线链接”复制里面的代码
点击“下载至本地”,解压压缩包编辑iconfont.css,将下面标注的内容替换为刚才复制的代码
微信小程序中使用
将修改后的iconfont.css里面的代码全部复制到微信小程序中需要用到的wxss文件中,我的如下:
界面(wxml)中引用:
<text class="iconfont icon-begindate">{{begindate}}</text>//icon-begindate表示开始时间的图标<text class="iconfont icon-enddate">{{enddate}}</text>//icon-enddate表示结束时间的图标
注:如何区分是哪个图标?可以在阿里图标“我的项目”中根据图标文字下面的&#后面的代码进行区分
阅读全文
0 1
- 微信小程序中使用阿里字体图标
- 微信小程序使用字体图标
- 微信小程序-使用字体图标
- 阿里妈妈字体图标(iconfont)使用介绍
- 程序中使用图标
- 如何在网页中使用字体图标
- Axure中使用图标字体【FontAwesome】
- android中使用iconfont图标字体
- webpack中如何使用iconfont字体图标
- ionic2中使用自定义字体图标
- vue项目中如何使用字体图标
- android中使用自定义字体以及图标字体
- 阿里iconfont图标使用
- 字体图标使用总结
- Android 使用字体图标
- 字体图标的使用
- 字体图标的使用
- 图标字体的使用
- Solr Cache使用介绍及分析
- scrapy常用命令
- 机房收费系统之结账
- std::move
- keras入门 ---用预训练好网络模型的bottleneck特征
- 微信小程序中使用阿里字体图标
- RISC-V的Spike模拟器
- Dubbo——消费端调用
- shell实现猜数字的小游戏
- JSON和JSONP介绍与比较
- opencv 图像直方图匹配
- centos配置yum源
- cookie控制弹窗24小时只显示一次
- 卷积神经网络检测web攻击