5e1f4e9a36
Former-commit-id: e56d52ae1e817adb053f6d20bad490379bf6b8b7 Former-commit-id: b6641ea988e7dab68cc11ae212c32f32923e1cf3 Former-commit-id: a4e3d1e9d3998e7fb34266719f8d55980078dcfd
41 lines
831 B
Markdown
41 lines
831 B
Markdown
# 图标
|
|
|
|
## 参数
|
|
|
|
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
|
| --- | --- | --- | --- | --- | --- |
|
|
| name | 图标名称 | 非 | String | font-awesome 所有图标名 | font-awesome |
|
|
|
|
## 使用方法
|
|
|
|
基本
|
|
|
|
``` vue
|
|
// 这样用没有毛病 但是也没什么用
|
|
<d2-icon></d2-icon>
|
|
|
|
// 指定图标名称
|
|
<d2-icon name="github"></d2-icon>
|
|
|
|
// 设置行内样式
|
|
<d2-icon name="github" style="font-size: 100px;"></d2-icon>
|
|
|
|
// 设置 class
|
|
<d2-icon name="github" class="icon-class-demo"></d2-icon>
|
|
```
|
|
|
|
这个组件只是简化了写法而已
|
|
|
|
``` vue
|
|
<d2-icon name="github"></d2-icon>
|
|
// 等同于
|
|
<i class="fa fa-github" aria-hidden="true"></i>
|
|
```
|
|
|
|
## 参考
|
|
|
|
图标索引
|
|
|
|
[Font Awesome 中文网](http://www.fontawesome.com.cn/faicons/)
|
|
|
|
[fontawesome.com](https://fontawesome.com/icons?d=gallery) |