首页 > 移动平台 > 详细

uniapp如何使用阿里iconfont

时间:2019-10-10 09:38:26      阅读:127      评论:0      收藏:0      [点我收藏+]

1、将iconfont中需要的图标,添加到购物车,然后添加到自己的项目。生成在线代码。
技术分享图片
2、点击下载至本地。然后解压后复制 iconfont.css 文件到你的项目。

3、复制第一步生成的代码,替换iconfont.css中的@font-face,然后再在//.at前边添加https:

4、再App.vue中引入iconfont.css文件

@import  url('static/iconfont/iconfont.css'); // 路径根据自己而定

5、使用图标

<span class="iconfont icon-xxx"></span>   //xxx代表图标的名字

uniapp如何使用阿里iconfont

原文:https://www.cnblogs.com/tonyzt/p/11645817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!