2020-08-19 关于在uniapp中使用icon

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。