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使用字体图标相关推荐

android 图片墙拼贴,三步搞定用APP打造图片文字拼贴效果
相信大家一定见过一种文字拼贴效果的图片,许多大小不一.字体不同.颜色各异的文字拼合出一幅完整的画面.如果你曾经也想自己制作这么一张高端大气上档次的独特图片,却苦于自己的PS水平不到家,那么一定不要错过 ...
10步搞定App内测发布（蒲公英内测平台）
10步搞定App内测发布 (写作不易,转载请注明出处,谢谢!) App内测是必不可少的一个环节,重中之重! 有两种方法:一.把每台手机的插到开发人员的电脑上跑一边(不推荐):二.通过第三方分发平台(推 ...
APP设计师拿到APP产品原型开始，七步搞定APP设计
转载:http://www.25xt.com/appdesign/9670.html 任何一款成功的APP都需要以坚实的产品概念作为基础,因为概念决定了产品最终完成的潜力. 一般情况下,交到app设计 ...
在线qmc0转换mp3工具_如何将M4A格式的音频转换为MP3格式？只需一步搞定
随着网络技术的发达,会有很多人喜欢在网上下载东西,特别是很喜欢在网上下载音乐,但是下载音乐之后发现是M4A格式?这样用起来很不方便,都喜欢MP3格式的,那么如何将M4A格式的音频转换为MP3格式?今天 ...
视频教程-7步搞定Word样式和模板高效排版-Office/WPS
7步搞定Word样式和模板高效排版 Adobe平面设计与影视剪辑专家讲师.微软Office办公软件专家讲师.资深IT图书作者/策划人/出版人.深度/终身学习研究与实践者.Python全栈工程师/Web ...
十天搞定考研词汇 ---转发
(摘自<2008考研英语高分写作>,王江涛编著,群言出版社) (一)总论对绝大多数中国同学来说,学英语就是背单词,单词是很多同学心中永远的痛.词汇是写作的基石,要想取得写 ...
一分钟搞定触手app主页酷炫滑动切换效果
代码地址如下: http://www.demodashi.com/demo/12826.html 前言: 前几天在看手机直播的时候,自己就用上了触手app.一进到主页就看上了里面页面切换的效果,自己想 ...
最简单的数据地图制作，一共6步搞定！
之前曾给大家介绍过几种制作数据地图的方法. 不过这次,我要分享一个更为直接简单的方法! 从导入数据到出图,一共6步搞定! 关于数据地图的应用,之前在<史上最全的10个数据地图!>一文里,给 ...
RxJava的使用,教你四步搞定RxBus.
教你四步搞定RxBus. 1,在你的工程中添加依赖 dependencies {compile fileTree(include: ['*.jar'], dir: 'libs')testCompi ...

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

uni-app中使用字体图标

图标的下载

1.

2.

3.

4.

5.

6. 本地文件选取

7. 粘贴到uni-app项目下的static静态资源文件下

8. 把下载好的图标包里的iconfont.css内的代码粘贴到uni-app项目中的App.vue文件内

9. 在红色标记框的前面对路径进行修改

10. 使用

十步搞定uni-app使用字体图标相关推荐

最新文章

热门文章