技术栈

Vue 全局引用iconfon

@AfeiyuO2025-12-06 13:33

1、添加图标到项目

2、下载图标压缩包

只需要框起来的文件

3、在main文件全局引入

效果:

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

上一篇:GSV2221G@ACP#产品参数规格解析与应用方式分享
下一篇:SDF在实时图形渲染中的核心原理与架构创新
相关推荐
阿飞不想努力
3 小时前
文件上传原理与实操
java·spring boot·vue·文件上传
曲幽
20 小时前
FastAPI+Vue:文件分片上传+秒传+断点续传,这坑我帮你踩平了!
python·vue·upload·fastapi·web·blob·chunk·spark-md5
蓝黑2020
2 天前
Vue组件通信之v-model
前端·javascript·vue
不会写DN
2 天前
Vue3中的computed 与 watch 的区别
javascript·面试·vue
钛态
2 天前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
蓝黑2020
2 天前
Vue组件通信之slot
前端·javascript·vue
蓝黑2020
3 天前
Vue的 value=“1“ 和 :value=“1“ 有什么区别
前端·javascript·vue
小彭努力中
3 天前
204.Vue3 + OpenLayers:加载 GIF 文件(CSS 背景实现动画标记)
前端·css·vue·openlayers·geojson·webgis
陶甜也
3 天前
3D智慧城市:blender建模、骨骼、动画、VUE、threeJs引入渲染,飞行视角,涟漪、人物行走
前端·3d·vue·blender·threejs·模型
NPCZ
3 天前
vite与tailwindcss创建大屏可视化项目
vue
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛03GitHub 镜像站点04基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南05GPT-6核心能力解析及与现有主流大模型对比06免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手07从限购到畅通:GLM-5.1 Coding Plan接入攻略08AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析09LLM Wiki:让大模型替你打理知识库的完整指南10Oh My Codex 快速使用指南