当前位置：主页 > 查看内容

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

发布时间：2021-04-27 00:00| 有 位朋友查看

简介：uni-app简介 uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出，该公司主要产品有Web开发IDE Hbuiler、HbuilderX，前端框架m……

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 字体图标内容请搜索尊托云数以前的文章或继续浏览下面的相关文章希望大家以后多多支持尊托云数！


本文转载自网络，原文链接：https://m.jb51.net/article/183937.htm
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：IntelliJ IDEA 2020如何设置背景图片的方法步骤 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐