VUE_阿里矢量图引入

技术文章 7个月前 完美者
1,627 0

标签: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

版权声明:完美者 发表于 2021-01-07 11:53:31。
转载请注明:VUE_阿里矢量图引入 | 完美导航

暂无评论

暂无评论...