psd数据网站优化营商环境心得体会2023

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