封装Vue 的 SVG 组件
svg静态资源
在assets下新建一个 svg 文件夹,用于存放svg图片
svgIcon组件
在components 下新建一个文件夹,包含两个文件index.ts和SvgIcon.vue
vue.config.js
main.ts
需要引入组件svgIcon
使用
**.vue
<svg-icon iconClass="invite" className="icon icon-invite" />
**.scss
.icon-invite {
width: 12px;
height: 12px;
color: var(--color-primary);
}