uni-app简介
uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
"text-align: center">![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/202004011031008.png)
2.
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/202004011031009.png)
3.
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310010.png)
4.
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310011.png)
5.
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310012.png)
6. 本地文件选取
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310013.png)
7. 粘贴到uni-app项目下的static静态资源文件下
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310014.png)
8. 把下载好的图标包里的iconfont.css
内的代码粘贴到uni-app项目中的App.vue文件内
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310015.jpg)
9. 在红色标记框的前面对路径进行修改
蓝色的框选是添加的
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310016.png)
10. 使用
查看下载包内的demo_index.html
文件
![十步搞定uni-app使用字体图标的方法](/UploadFiles/2021-04-02/2020040110310017.png)
总结