全局样式与图标

1.阿里矢量图

第1种:

解压后,直接引入main.js

main.js

// 引入字体图标
import './assets/fonts/iconfont.css'

第2种（推荐）

解压后，放入公共样式，再引入到样式中

阿里图标库下载解压 ​​​​​​​

 修改文件名为：font,放入asset文件夹

asset文件夹下建立css公共样式

 base.css里面引入阿里图标样式

base.css

/* @import url('../font/iconfont.css'); */
@import '../font/iconfont.css';

​​​​​​​​​​​​​​再用下面2种方式引入

2.样式

第1种:

main.js

// 导入全局样式表
import './assets/css/base.css'

第2种：(推荐)

App.vue

<style>
/* 这里也可以引入样式 */
@import './assets/css/base.css';
</style>