element-ui引入iconfont


1.百度查询进入Iconfont阿里巴巴矢量图标库官网(https://www.iconfont.cn/)

 

 2.搜索找到你想要的图标

 

 

 

 

 

 3.加入购物车

 

 4.点击购物车,选择添加到项目

 

 3.登录你的gethub账户或者选择其他登录方式,选择添加到项目,没有项目新建项目

 

 4.选择font class,然后点击下载到本地(下载下来压缩包,解压)

 

 

5.进入文件夹,复制六个文件到webstorm下的assets/icon目录下

 

 

 

 6.在main.js里面全局引入

 

 7.在你想要应用的页面使用 ,class里面在图标名称前加iconfont,图标名称为GitHub里面图标名

 

 

 

 8.图标嵌套引入

<el-input prefix-icon="iconfont icon-play" v-model=" "></el-input>

9.使用工具:webstrom


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM