服务器之家

服务器之家 > 正文

十步搞定uni-app使用字体图标的方法

时间:2020-08-24 14:10     来源/作者:从人到猿

uni-app简介

uni-app是一个使用vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到ios、android、h5、小程序等多个平台。

  uni-app框架由dcloud即数字天堂(北京)网络技术有限公司推出,该公司主要产品有web开发ide hbuiler、hbuilderx,前端框架mui、uni-app,增强版的手机浏览器引擎h5plus等。

uni-app中使用字体图标图标的下载

首先去阿里图标库选择要用的图标,并且打包下载下来,步骤如下

1.

十步搞定uni-app使用字体图标的方法

2.

十步搞定uni-app使用字体图标的方法

3.

十步搞定uni-app使用字体图标的方法

4.

十步搞定uni-app使用字体图标的方法

5.

十步搞定uni-app使用字体图标的方法

6. 本地文件选取

十步搞定uni-app使用字体图标的方法

7. 粘贴到uni-app项目下的static静态资源文件下

十步搞定uni-app使用字体图标的方法

8. 把下载好的图标包里的iconfont.css内的代码粘贴到uni-app项目中的app.vue文件内

十步搞定uni-app使用字体图标的方法

9. 在红色标记框的前面对路径进行修改

蓝色的框选是添加的

十步搞定uni-app使用字体图标的方法

10. 使用

查看下载包内的demo_index.html文件

十步搞定uni-app使用字体图标的方法

总结

到此这篇关于十步搞定uni-app使用字体图标的方法的文章就介绍到这了,更多相关uni-app 字体图标内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/qq_39200185/article/details/105227910

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
最新idea2020注册码永久激活(激活到2100年)
最新idea2020注册码永久激活(激活到2100年) 2020-07-29
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
返回顶部