当前位置: 首页 > article >正文

vue项目引入阿里云svg资源图标

1:生成svg图标

登录阿里云官网

1.1 创建项目组

 1.2 从阿里云网站上面获取喜欢的图标加入到已有的项目组

1.3 如果团队有自己的设计师,也可以让设计师上传自己的svg图标到阿里云指定的项目组;

使用的时候,把 资源包下载到本地项目中static或者assets文件下

 2:项目中使用svg图标

2.1 把阿里云下载的资源文件放在vue的资源文件中static或者assets文件夹中

2.2  在main.ts (main.js)中引入 资源路径

如果阿里云所在项目组有新上传的资源,记得更新下本地的资源包,下载下来,覆盖本地的资源就可以。

import '@/assets/fonts/iconfont.css'

2.3 在route中使用阿里云提供的svg名称

2.4 在页面渲染路由的时候,用svg来渲染svg格式的文件资源

这里我用的单独组件去封装的

解析svg


http://www.kler.cn/a/510037.html

相关文章:

  • 【C++】面试题整理(未完待续)
  • 如何学习网络安全?有哪些小窍门?
  • SimpleHelp远程管理软件存在任意文件读取漏洞(CVE-2024-57727)
  • 【Unity3D】利用Hinge Joint 2D组件制作绳索效果
  • flutter 常用UI组件
  • arcgis提取不规则栅格数据的矢量边界
  • SpringMVC (2)
  • 基于C#实现多线程启动停止暂停继续
  • 计算机网络介质访问控制全攻略:从信道划分到协议详解!!!
  • Redis瓶颈和调优
  • FileSaver.js:轻松实现浏览器文件下载
  • Windows 蓝牙驱动开发-BLE低功耗
  • 【React】脚手架进阶
  • python_在钉钉群@人员发送消息
  • 亚博microROS 机器人配置与控制
  • STM32 FreeRTOS内存管理简介
  • rhel7.9利用有网络环境打包ansible
  • 解决CSS中样式的优先级问题
  • Appium 检查安装的驱动
  • C# OpenCvSharp 部署3D人脸重建3DDFA-V3
  • SpringBoot项目打war包要点
  • Java基础——概念和常识(语言特点、JVM、JDK、JRE、AOT/JIT等介绍)
  • 【线性代数】行列式的概念
  • 【Web】2025西湖论剑·中国杭州网络安全安全技能大赛题解(全)
  • 【k8s】k8s部署Argo CD
  • HTML学习笔记(4)