如何在vue项目中引入阿里巴巴的图库

选择我们喜欢的图标,点击上面的小车,加入图标库,即右侧的购物车

点击右侧的购物车。点击添加图标到项目

点击下载到本地。解压将解压后的文件夹font放到我们的static文件夹下

在页面用使用i标签当容器。类名为iconfont + 喜欢的icon名字 。通过控制i标签的颜色可以改变活跃状态和非活跃状态

开发时可以暂时用线上链接在index.html中引入每次新加入图标会需要更新我们的font文件夹。所以尽量一次性把项目需要的图标加入到项目中在下载。

这时候我们可以临时使用线上的网址引入。点击复制代码。将链接在我们使用图标的页面引入到css中

项目完成后打包iocn资源  然后在APP.vue中引入iconfont.css

猜你喜欢

转载自blog.csdn.net/ToBeBestPlayer/article/details/80944453