vue项目中使用iconfont字体图标(阿里巴巴图标库)

"图标管理"→“我的项目”→新建项目(第一次使用需创建项目)→“图标库”→“官方图标库”→查询关键字→将所需的图标点击“添加入库”→左上角选择购物车图标→“添加至项目”→在我的项目中,“下载至本地”→解压文件夹,可命名为fonts,放在src的assets目录下,在main.js中引入iconfont.css文件, 在.vue中给某元素添加类名class="iconfont",元素内容可直接复制网站上的复制代码即可使用。

eg.<span class="iconfont">&#xe629;</span> , // 可设置图标大小font-size和图标颜色color属性

猜你喜欢

转载自blog.csdn.net/qq_38969618/article/details/104488120