在VUE项目中使用iconfont彩色图标
1.进入main.js文件,引入iconfont.js/* 彩色iconfont */import '@/xxx/iconfont.js'2.进入对应的模块,添加对应的css类.font-icon {width: 2em;height: 2em;fill: currentColor;overflow: hidden;}3.在指定位置引入,注意类名写对(font-icon),#iconresou是d
·
1.进入main.js文件,引入iconfont.js
/* 彩色iconfont */
import '@/xxx/iconfont.js'
2.进入对应的模块,添加对应的css类
.font-icon {
width: 2em;
height: 2em;
fill: currentColor;
overflow: hidden;
}
3.在指定位置引入,注意类名写对(font-icon),#iconresou是demo页面里面的名字
<svg class="font-icon" aria-hidden="true">
<use xlink:href="#iconresou"></use>
</svg>
更多推荐
已为社区贡献28条内容
所有评论(0)