网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/7/3 浏览:3 次 )

uni-app简介

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

"text-align: center">十步搞定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使用字体图标的方法

总结

上一篇:IntelliJ IDEA 2020如何设置背景图片的方法步骤
下一篇:IntelliJ IDEA2020新增禅模式和LightEdit模式