Files

liyang 954ec2eab0 借鉴和抄袭

Former-commit-id: 682d4b45beba8af709adf5f9ce7d0f3cc122b6e3 [formerly 682d4b45beba8af709adf5f9ce7d0f3cc122b6e3 [formerly 682d4b45beba8af709adf5f9ce7d0f3cc122b6e3 [formerly 682d4b45beba8af709adf5f9ce7d0f3cc122b6e3 [formerly 5dfe939dcc4f74edbf76ad17769feafaf7fbbeaf [formerly 22c47a1fcb164a9989d6f7902e933f78531ea09b]]]]]
Former-commit-id: af739ea2575d6da98139b644f6663956220da8d3
Former-commit-id: 340a28e648fd759e4db769b29559c108817424a7
Former-commit-id: c700b726015ec1c61a17a661ff7a0ddf2eee0eb1 [formerly 26f030ddc5e853b94d73a09371f9d2a4562dbf15]
Former-commit-id: 7aad21fe23db0c1e65de57046fadd6546e5d0040
Former-commit-id: a29079195b80870005ae63ac74e46f627d20b4d0
Former-commit-id: cd1ede253429ea858d5029481a5c20d8352b6c11
Former-commit-id: a15d5e6dcb95858c7b8916b06573061f01b8288f
Former-commit-id: 27183858516e7a5afc1ecb94c2b42df0fe8fffec

2018-07-29 11:14:50 +08:00

1.1 KiB

Raw Blame History

图标 - 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)

参考

演示图标来源 iconfont.cn @龙正昆《常用的50个4px双色图标库》

1.1 KiB Raw Blame History Unescape Escape

图标 - SVG

参数

使用方法

获取已经注册的所有图标

参考

1.1 KiB

Raw Blame History