vue框架项目中使用阿里矢量图标库

vue框架项目中使用阿里矢量图标库

一、打开阿里矢量图标,将需要图标加入购物车,选择下载代码

vue框架项目中使用阿里矢量图标库_第1张图片

二、解压缩包,将解压缩后的 文件夹放入项目文件夹下的src/assetsvue框架项目中使用阿里矢量图标库_第2张图片

1.在main.js中引入css文件

vue框架项目中使用阿里矢量图标库_第3张图片

2.打开文件夹中demo_index.html获取图标名

vue框架项目中使用阿里矢量图标库_第4张图片
vue框架项目中使用阿里矢量图标库_第5张图片

3.调用图标,注意写上基本图标名iconfont

vue框架项目中使用阿里矢量图标库_第6张图片

你可能感兴趣的:(Vue框架,vue.js)