05 2023 档案
摘要：在main.ts里面直接引入并使用即可 // 全局注册组件 import SvgIcon from "@/components/SvgIcon/index.vue"; app.component("SvgIcon", SvgIcon);
阅读全文
摘要：1. 定义子组件 <template> <!-- svg：图标外层容器节点，内部需要与use标签结合使用 --> <svg :style="{ width, height }"> <!-- xlink:href表示执行用哪一个图标，属性值要为#icon-图标名字 --> <!-- use标签fill
阅读全文
摘要：使用svg之后，网页加载的不再为图片资源，页面性能得到提升svg文件比img小，在项目中几乎不占用资源 （vue3 + vite + ts） 1. 安装SVG依赖 pnpm install vite-plugin-svg-icons -D 2. 在vite.config.ts中配置插件 import
阅读全文
