文章 2023-10-20 来自:开发者社区

vue3+vite项目中使用svg图标

引言项目中有很多地方需要用到svg图标,Element Plus 组件库提供了一套常用的图标,但是往往不能满足需求,而网上比较全的就是阿里图标库,下面就介绍如何将阿里图标库中的svg图标引入到自己的项目中。1. vite-plugin-svg-icons插件本文的项目使用vue3+vite来构建,可以使用第三方的vite-plugin-svg-icons插件,来引入svg图标。安装安装vite-....

vue3+vite项目中使用svg图标
文章 2022-06-08 来自:开发者社区

vue3+vite+ts项目中使用svg图标

项目结构网络异常,图片无法展示|1. 首先引入svg插件yarn add svg-sprite-loader -D // 或者 npm install svg-sprite-loader -D 复制代码网络异常,图片无法展示|2. 创建文件在@/src里面创建icons文件夹,里面创建index.vue(svgicon的模板文件), index.ts(svgicon的js逻辑), svg文件夹(....

vue3+vite+ts项目中使用svg图标

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注