15.vue项目引入阿里图标库
- 打开阿里图标库找到自己想要的图标
阿里图标库地址
下载完成后解压,将解压后名称修改为fonts
2.将fonts导入vue项目
- 将
fonts
目录复制进入assets
目录中
- 在
main.js
中全局导入文件
// 导入字体图标库
import './assets/fonts/iconfont.css'
3.使用fonts
- 下载的fonts中的.html结尾的打开有教如何使用fonts
这个是本地的打开的
<template>
<el-card class="box-card">
<div>{{ $t('lang.music') }}</div>
<i class="iconfont icon-caozuo-quanping-shousuo"></i>
<i class="iconfont icon-icon-GIS_quanping"></i>
</el-card>
</template>
<script>
export default {}
</script>
<style lang="scss" scoped></style>