no message
Former-commit-id: e56d52ae1e817adb053f6d20bad490379bf6b8b7 Former-commit-id: b6641ea988e7dab68cc11ae212c32f32923e1cf3 Former-commit-id: a4e3d1e9d3998e7fb34266719f8d55980078dcfd
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
然后使用组件
|
||||
|
||||
``` vue
|
||||
<IconSvg name="刚才的svg文件名"></IconSvg>
|
||||
<d2-icon-svg name="刚才的svg文件名"></d2-icon-svg>
|
||||
```
|
||||
|
||||
## 获取已经注册的所有图标
|
||||
|
||||
@@ -12,22 +12,22 @@
|
||||
|
||||
``` vue
|
||||
// 这样用没有毛病 但是也没什么用
|
||||
<Icon></Icon>
|
||||
<d2-icon></d2-icon>
|
||||
|
||||
// 指定图标名称
|
||||
<Icon name="github"></Icon>
|
||||
<d2-icon name="github"></d2-icon>
|
||||
|
||||
// 设置行内样式
|
||||
<Icon name="github" style="font-size: 100px;"></Icon>
|
||||
<d2-icon name="github" style="font-size: 100px;"></d2-icon>
|
||||
|
||||
// 设置 class
|
||||
<Icon name="github" class="icon-class-demo"></Icon>
|
||||
<d2-icon name="github" class="icon-class-demo"></d2-icon>
|
||||
```
|
||||
|
||||
这个组件只是简化了写法而已
|
||||
|
||||
``` vue
|
||||
<Icon name="github"></Icon>
|
||||
<d2-icon name="github"></d2-icon>
|
||||
// 等同于
|
||||
<i class="fa fa-github" aria-hidden="true"></i>
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user