Global styles and icons

1. Ali vector map

The first 1 Kind of :

After decompressing , Directly introducing main.js

main.js

//  Introduce font icons 
import './assets/fonts/iconfont.css'

The first 2 Kind of （ recommend ）

After decompressing , Put in the public style , Then introduce it into the style

Download and decompress Alibaba Icon Library ​​​​​​​

  Change the file name to ：font, Put in asset Folder

asset Create under folder css Public style

 base.css It introduces Ali icon style

base.css

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

​​​​​​​​​​​​​​ Use the bottom again 2 Two ways to introduce

2. style

The first 1 Kind of :

main.js

//  Import global style sheet 
import './assets/css/base.css'

The first 2 Kind of ：( recommend )

App.vue

<style>
/*  Styles can also be introduced here  */
@import './assets/css/base.css';
</style>