sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 28ec2beb0befdc6a796458fbcc1a0c3786fb8d62
Former-commit-id: 82768e538a271a2354616cd01f84fd73631a62b2
Former-commit-id: 450e74928f5d6bdba20e01ce57bebdfde0d512a1
This commit is contained in:
李杨
2018-03-21 20:29:50 +08:00
parent 9e4939eb30
commit 65ec820e68
46 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
static/md/组件 - 图标组件 - svg.md Normal file
View File

@@ -0,0 +1,33 @@
## 参数
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
| --- | --- | --- | --- | --- | --- |
| name | 图标名称 | 非 | String | 放在 src/assets/icons/svg 中的 .svg 文件名 | 空 |
## 使用方法
首先将下载的 .svg 图标放入 `src/assets/icons/svg` 文件夹下
然后使用组件
```
<IconSvg name="刚才的svg文件名"></IconSvg>
```
## 获取已经注册的所有图标
你已经发现了，只需要将图标文件放入项目中就会自动注册
这是因为已经对 `webpack` 和 `svg-sprite-loader` 进行了相关设置，`src/assets/icons/svg` 文件夹中的图标会自动注册到项目中，文件全部打包成 svg-sprite，名称注册到 `Vue.$IconSvg` 属性中
所以如果你需要检查项目中已经注册的所有图标，可以通过如下方式
```
// 在 vue 单文件组件中
console.log(this.$IconSvg)
```
## 参考
演示图标来源 [iconfont.cn @龙正昆《常用的50个4px双色图标库》](http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=4878)