71eacda95e
Former-commit-id: bb46254260b63f79a0446cd6c0b1cae0db87cf7b [formerly bb46254260b63f79a0446cd6c0b1cae0db87cf7b [formerly bb46254260b63f79a0446cd6c0b1cae0db87cf7b [formerly bb46254260b63f79a0446cd6c0b1cae0db87cf7b [formerly f85af0b07319129e3cafc6400247a3b82308b0f0 [formerly 7149ab1e3c32251f164cd38a8b62986afc4554ff]]]]] Former-commit-id: a9aa47ebb3b48597bb758329a27c5d196a1da645 Former-commit-id: b149bde8f052689fa9ed5d03adc4cf6ddb69973e Former-commit-id: 635393b5bab4f4642ac4ebededd44d2c4e309a93 [formerly 8d79bc548f01fd73357a997c883c4177054e3c14] Former-commit-id: d8d4d1e4d22828233f1c4d41ab12c0310f9b53fa Former-commit-id: a07ab011921a7592e3540e9eca0fab9644324a9d Former-commit-id: ed6baa71f200b8257b1c09af11742e0d69e6cae2 Former-commit-id: 3c645da20b8f1716ca776c1e54af22779223ede7 Former-commit-id: 3b472edeba84c3a2a8f3a135a265bac2193a7daa
1.1 KiB
1.1 KiB
d2-icon-svg
SVG 图标组件
参数
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|---|---|---|---|---|---|
| name | 图标名称 | 非 | String | src/assets/icons/svg 中 .svg 文件名 | 空 |
使用方法
首先将下载的 .svg 图标放入 src/assets/icons/svg 文件夹下
然后使用组件
<d2-icon-svg name="刚才的svg文件名"/>
获取已经注册的所有图标
你已经发现了，只需要将图标文件放入项目中就会自动注册
这是因为已经对 webpack 和 svg-sprite-loader 进行了相关设置，src/assets/icons/svg 文件夹中的图标会自动注册到项目中，文件全部打包成 svg-sprite，名称注册到 Vue.$IconSvg 属性中
所以如果你需要检查项目中已经注册的所有图标，可以通过如下方式
// 在 vue 单文件组件中
console.log(this.$IconSvg)