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