目录
- 先在icon找到对应的图标,然后生成在线链接
https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2160051
- 然后在src 目录下创建 assets文件 - css - iconfont.css
- 在 iconfont.css 文件中,引入在线字体图标
@import 'http://at.alicdn.com/t/font_2160051_voigx1b9vp.css';
- 在main.js文件中 引入这个 iconfont.css文件
import '@/assets/css/iconfont.css';
- 最后在.vue文件中使用
-
<template> <div class="power_wrap"> <div class="power_header"> 111 <i class="iconfont icon-fanhui"></i> </div> <div class="power_content">2</div> </div> </template>
-