Vue iconfont-Alibaba vector icon library usage

1. Use of vue

Select your favorite icon and add it to your shopping cart

Click on the shopping cart in the upper right corner and click Add to Project

You can see my project in resource management

                           

Go to project settings and check Color

Click to download to local

Unzip the compressed package and import the css file in the main.js file.

import "@/assets/font_icon/iconfont.css";

 use:

Copy the code to get '' and put it in the i tag

<i class="iconfont">&#xe666;</i>

Then change the icon within the project:

Update code

 Copy the generated code and replace the @font-face code above iconfont.css.