uniapp introduces Ali vector icon library correct posture

Ali icon library address: iconfont-Alibaba vector icon library

1. First select the icon we like to add to the shopping cart

 2. Click on the shopping cart to add the icon to the item

 

 3. Download it locally and unzip it

 4. Copy these four files to our project

5. Configure iconfont.css in App.vue 

 

/* 阿里矢量图库 */
	@import 'static/css/iconfont.css';

 6. Edit the iconfont.css file and modify the location of the other three files

 

 src: url('@/static/css/iconfont.woff2?t=1634627924158') format('woff2'),
       url('@/static/css/iconfont.woff') format('woff'),
       url('@/static/css/iconfont.ttf') format('truetype');

7. Use in the project