先说怎么引入吧
首先打开阿里巴巴图标库
然后点击登录图标库,再点击上面的资源管理,会出现下拉菜单,选择我的项目,先创建一个项目
选择自己喜欢的图标
选择自己喜欢的图标,把鼠标移入到图标上会显示出一个购物车样式
就像这样
然后点击购物车,就可以把他加入购物车了,在右下角也会有一个购物车的图标,点击这个图标会弹出一个抽屉
点击这个添加至项目
这样图标就添加好了,接下来引入
进入到我的项目里面,会显示
点击复制链接,在vue中index.html引入,需要加上https://或者http://
这样就可以调用了
这两个类,第一个是必须要加的,第二个是项目中图标的名字
最后来说一下vue项目打包后图标不显示的问题,我遇到的问题是路径错误,经过我好久的百度找到个方法,在vue.config.js中添加一行改变路径的代码
publicPath: process.env.NODE_ENV === 'production' ? './' : './' ,
这样打包后就可以显示了