加入收藏 | 设为首页 | 会员中心 | 我要投稿 开发网_开封站长网 (http://www.0378zz.com/)- 科技、AI行业应用、媒体智能、低代码、办公协同!
当前位置: 首页 > 服务器 > 安全 > 正文

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

发布时间:2020-05-12 22:12:23 所属栏目:安全 来源:站长网
导读:uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出,该公司主要产品有Web开发IDE Hbuiler、HbuilderX,前端框架mui、uni-ap

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文件

(编辑:开发网_开封站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读