2.插入svg-sprite-loader包 npm i svg-sprite-loader 3.在src文件夹下创建icon文件夹 结构如下: 4.icon中index.js 1 2 3 4 5 6 7 8 9 importVue from'vue' importSvgIcon from'@/components/SvgIcon'// svg组件 // register globally Vue.component('svg-icon', SvgIcon) const requireAll = requir...
我们通过编辑器打开其中一个.svg文件,比如facebook.svg,其代码会是这样的: <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-square" class="svg-inline--fa fa-facebook-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512...
import 'virtual:svg-icons-register' 1. 使用方法 在assets/icons/ 下引入 svg 格式的文件,并给图标命名。 只需在需要的地方,使用 svg 引入图标即可。需要注意的点是:xlink:href用哪个图标,其属性值必须是 #icon-图标名字。 <svg width="100" height="100"> <use xlink:href="#icon-music"></use> </...