1.挑选icon图标，收藏至我的项目
2.在“我的收藏”里下载图标的svg文件，然后在“我的项目”里点击“上传图标至项目”，在那里将图标的svg文件拖拽到那个地方，图标就下载到了项目里面。
3.点击“下载至本地”
图1
4.下载完成之后会生成一个文件夹，只需要保留里面的iconfont.css文件，其他的可以删除，我这儿是把最后的文件夹也就是iconfont文件夹放在项目里的components目录下面。
图2
图3
5.回到图标的那个页面，切换到Unicode一栏，如果你之前生成过代码就直接用那儿的代码，如果更新的图标信息，就会提示你需要更新代码，更新就是了。
图4
图5
6.生成了这段代码后，复制它并且替换掉之前的iconfont.css文件里面的这一部分代码
图6
7.替换掉之后，在所有的‘//at’前面都加上https: (注意这里有冒号)
图7
8.在项目里面引用，这里建议用绝对路径，不要用相对路径（就是那种有点点点的）
图8
1.挑选icon图标，收藏至我的项目 2.在“我的收藏”里下载图标的svg文件，然后在“我的项目”里点击“上传图标...
解决uniapp项目中使用vant 图标报错问题 在使用uniapp开发项目时，使用到了vant Weapp组件...
参考资料：axios在vue中的封装axios请求数据获取成功了，但没有走then而是走了catch
Icon 图标 在3.x版本中，icon的使用方法是： 在4.x版本中，修改为： 在3.x版本中，button内嵌...
首先使用wtu 这个插件，将原生小程序转为uniapp，在利用uniapp的多端，转为h5 现在uniapp的编辑...
uniapp中无法使用vue的自定义指令，例如想在input中实现 v-focus ，是无法实现的。但uniapp...
一、 什么是uniapp 二、 uniapp优势 三、我们使用uniapp 四、uniapp组件 组件模块地址：h...
项目需求： 使用uniapp开发微信小程序 在uniapp项目中使用小程序ui-vant weapp组件 想要知道...
首先我的需求是将小程序的页面转uniapp，在通过uniapp转h5，最后嵌套在app中 这里使用的地图是小程序使...
Flutter 本地图片配置和使用,添加启动图和Icon 1.配置启动图和Icon 在Flutter开发中，And...
本文标题：2020-08-19 关于在uniapp中使用icon
本文链接：https://www.haomeiwen.com/subject/duorjktx.html
网友评论