一.注册阿里巴巴矢量库阿里巴巴矢量库
二.点击图片
三、选择图标选择图标,进入该类型的图表库。 然后用鼠标单击想要选择的图标,有“追加签入”、“收藏夹”、“下载”三个选择。 在此单击“添加签入”
四.加入购物车并单击“添加签入”,页面右上角会显示购物车图标。 然后单击进入购物车
单击“添加到项目”,选择项目名称,然后单击“确定”以在项目中显示图标
五、使用1进入项目后,单击" Font class ",然后单击下载到本地
2然后解压缩到文件夹
3把上面蓝色边框包围的文件放入你正在写的项目中。 (放在src/assets目录下。 因为是静态资源) )。
在main.js文件中全局引入AlibabaCloud (阿里巴巴云)字体图标css。 请注意,这里路径是正确的。 必须与存放上面文件的地方相符
5为了避免出现图标框,必须初始化字体,并将以下代码添加到全局样式文件中
6在项目中,用鼠标拖动要使用的图标,然后单击“复制代码”以复制该图标的类并在项目中使用
7还可以向此图标添加样式。 现在可以添加两种类型的样式:颜色和字体大小
六、注意事项此方法为单色图标,不支持多色图标。 简单来说,你加入的图标颜色很丰富,但用于项目时只能显示黑色。 通过添加上面的样式,可以很容易地改变颜色和字体大小