import Vue from "vue";
|
import svgIcon from "@/components/svgIcon/index.vue";
|
Vue.component("svg-icon", svgIcon);
|
|
// 修改为将SVG注入到父应用DOM
|
const requireContext = require.context("@/assets/icons/svg", false, /\.svg$/);
|
const requireAll = (requireContext) => {
|
const svgSymbols = requireContext.keys().map(key => {
|
return requireContext(key).default || requireContext(key);
|
});
|
|
// 创建SVG sprite容器
|
const spriteContainer = document.createElement('div');
|
spriteContainer.id = 'svg-sprite-container';
|
spriteContainer.style.display = 'none';
|
|
// 构建SVG sprite
|
const svgSprite = `
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
${svgSymbols.join('')}
|
</svg>
|
`;
|
|
spriteContainer.innerHTML = svgSprite;
|
|
// 关键：注入到父应用的body中
|
(window.parent || window).document.body.appendChild(spriteContainer);
|
};
|
|
requireAll(requireContext);
|
