十步搞定uni-app使用字体图标的方法
更新时间：2020年04月01日 10:32:27 作者：从人到猿
uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架，开发者编写一套代码，可编译到的iOS，安卓，H5，小程序等多个平台。这篇文章主要介绍了十步搞定uni-app使用字体图标的方法,需要的朋友可以参考下
uni-app简介
uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。
uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出，该公司主要产品有Web开发IDE Hbuiler、HbuilderX，前端框架mui、uni-app，增强版的手机浏览器引擎H5plus等。
uni-app中使用字体图标图标的下载
首先去阿里图标库选择要用的图标，并且打包下载下来，步骤如下
1.
2.
3.
4.
5.
6. 本地文件选取
7. 粘贴到uni-app项目下的static静态资源文件下
8. 把下载好的图标包里的iconfont.css内的代码粘贴到uni-app项目中的App.vue文件内
9. 在红色标记框的前面对路径进行修改
蓝色的框选是添加的
10. 使用
查看下载包内的demo_index.html文件
总结
到此这篇关于十步搞定uni-app使用字体图标的方法的文章就介绍到这了,更多相关uni-app 字体图标内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
VSCode 使用Settings Sync同步配置(最新版教程,非常简单)
这篇文章主要介绍了VSCode 使用Settings Sync同步配置(最新版教程,非常简单)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
随着网站的运营，用户访问量和数据存储量会随着时间发生几何级变化，很快整个系统不堪重负，频繁出现问题。2011-06-06
这篇文章主要介绍了如何查看git分支从哪个源分支拉的，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要为大家详细的介绍了Metrics应用监控指标的使用说明，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步2022-02-02
如何使用VSCode插件Remote-Tunnels连接服务器
本文介绍使用Remote - Tunnels连接服务器，该方法需要远程服务器有流畅的网络环境，它使用微软的服务来建立隧道，需要登录GitHub，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2023-11-11
本文主要介绍了IDEA升级后Git拉取和推送的标签消失的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
这篇文章主要为大家介绍了s49 磁盘存储文件系统管理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
持久化登录 cookies 也就是当用户在登录框里点击“记住我的”的按钮后把 cookies 保存到用户的浏览器上2014-04-04
本文给大家分享的2个简单而且实用的小功能代码，分别是日历控件和天气预报接口，推荐给大家，需要的小伙伴快来参考下吧2015-03-03
这篇文章主要为大家介绍了cypress测试工具以及为什么要使用cypress的原因，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
最新评论