uniapp 如何引入字体图标

第一步:

阿里巴巴图标库上选择合适的图标然后下载下来:

 

 

第二步:

在pages同级目录下新建文件夹iconfont文件夹,把资源文件放进去(不要放在static目录下,不然会报错!!)

 

 

第三步:

修改iconfont.css文件中的资源引入方式,把./变成@方式

 

 

第四步:

在App.vue 文件下引入资源文件:(记得是用@方式)

 

 

 

页面中使用如下图:

 

posted @ 2021-05-06 14:20  秃头的铲屎官  Views(394)  Comments(0Edit  收藏  举报