Vue icon in the introduction iconfont

1. https://www.iconfont.cn/ official website will be downloaded to the local icon library

 

 2. Create a new fonts folder vue project static folder, the download icon library file into the fonts folder

 3. iconfont.css introduced in mian.js file

import '../static/fonts/iconfont.css'

4. Use the icons in the project

<span class='headerBtn' style='background-color:#ff2832'><i class="iconfont">&#xe749;</i>购物车</span>

Add iconfont class <i> tag, the location of the icon written into the code bank official website of Icon