封装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);

}

 

posted @ 2024-07-31 10:02  shellon  阅读(30)  评论(0编辑  收藏  举报