Vue 全局引用iconfon

1、添加图标到项目

2、下载图标压缩包

只需要框起来的文件

3、在main文件全局引入

效果:

注意:如果新增了图标要刷新一下,把 iconfont.css 文件替换/覆盖一下,新增的图标才起作用哦

相关推荐
华玥作者6 小时前
uni-app + Vite 项目中使用 @uni-helper/vite-plugin-uni-pages 实现自动路由配置(超详细)
前端·uni-app·vue·vue3·vite
狼性书生6 小时前
uniapp+vue3实现的简单吐司通知弹窗组件
前端·uni-app·vue·组件·插件
ghostmen7 小时前
SpringBoot + Vue 实现 Python 在线调试器 - 技术方案文档
java·python·vue·springboot
qiqiliuwu9 小时前
VUE3+TS+ElementUI项目中监测页面滚动scroll事件以及滚动高度不生效问题的解决方案(window.addEventListener)
前端·javascript·elementui·typescript·vue
喔烨鸭9 小时前
antdv编辑表格,根据选择时间区间展示动态列
前端·vue·表格编辑
一只小阿乐1 天前
vue-web端网站 滑动进行分页
前端·javascript·vue.js·vue·分页
梁山好汉(Ls_man)1 天前
JS_使用脚本填充基于Vue的用户名密码输入框并触发登录
javascript·elementui·vue
千寻技术帮1 天前
10340_基于Springboot的游戏网站
spring boot·后端·游戏·vue·商城
张乔241 天前
vben5项目中切换国际化时项目刷新
vue·vben5
acheding2 天前
Vue3 + AntV/X6 自定义节点实践:组件化节点与事件联动
前端框架·vue