VUE_阿里矢量图引入

标签：src   racket   data-   font   contain   main   expand   str   rac   

1.font文件夹置入src/assets/中

2.main.js中引入font

　　引入文件夹中的iconfont.css

• import ‘./assets/font/iconfont.css‘

3.打开font文件夹中的demo_index.html

• 注意:默认为Unicode方式,三种方式用法不太一样.本人使用的为Font class方式,所以先切换到Font class标签

4.复制对应图标下的.**名称

• 一般为

  • 图标

  • user

  • .icon-user

• 复制的时候不需要复制‘ . ‘ 只复制 icon*

5.贴到需要使用的地方

prefix-icon="iconfont icon*"

<el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input>

VUE_阿里矢量图引入

标签：src   racket   data-   font   contain   main   expand   str   rac   

原文地址：https://www.cnblogs.com/mofic/p/14230433.html