协程 Morecoin android教程 mvvm boost react router ACE jq绑定click事件 oracle一键卸载工具 docker的安全特性有哪些 mysql修改字段值 html下拉框默认选中 python使用教程 python循环语句 python例子 python函数内定义函数 javamysql java基础学习 java中的基本数据类型 java时间函数 java匿名对象 java语言介绍 java数组追加 java获得当前日期 java获取本地时间 java网课 php入门例子 金山wps2003 只狼鬼佛 cms教程 js分页 win10环境变量 vue引入第三方js 360越狱版 geartrax 例外被抛出且未被接住 汇通启富下载 速查表 鼠标速度怎么调 微信摇骰子
当前位置: 首页 > 学习教程  > 编程语言

在Uni-App中使用阿里字体图标库

2020/11/24 9:26:36 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

在使用Uni-App框架开发微信小程序时,需要用到阿里字体图标库,本来是在public/index.html中通过link引入了图标的在线地址,通过npm run serve运行到浏览器上可以正常显示;但是npm run dev:mp-weixin之后图标就消失了。所以这里记录…

在使用Uni-App框架开发微信小程序时,需要用到阿里字体图标库,本来是在public/index.html中通过link引入了图标的在线地址,通过npm run serve运行到浏览器上可以正常显示;但是npm run dev:mp-weixin之后图标就消失了。所以这里记录一下本地使用阿里字体库的方法。

下载

首先,选择好你需要的图标,添加至项目;在项目中点击下载至本地(此处下载的是Font class)。
在这里插入图片描述

解压

将压缩包中的代码解压到项目中,可以放在src/static中,也可以在src中新建一个目录存放。
在这里插入图片描述

引入

main.js中按照存放路径引入iconfont.css

import 'static/font/iconfont.css'
/* 在main.js中引入即全局引入 */

使用

在页面中需要的地方引入。

<text class="iconfont icon-gerenzhongxin"></text>

本文链接: http://www.dtmao.cc/news_show_400029.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?