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
43 lines
801 B
Markdown
43 lines
801 B
Markdown
# d2-icon
|
|
|
|
图标组件
|
|
|
|
## 参数
|
|
|
|
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
|
| --- | --- | --- | --- | --- | --- |
|
|
| name | 图标名称 | 非 | String | font-awesome 所有图标名 | font-awesome |
|
|
|
|
## 使用方法
|
|
|
|
基本
|
|
|
|
``` vue
|
|
// 这样用没有毛病 但是也没什么用
|
|
<d2-icon/>
|
|
|
|
// 指定图标名称
|
|
<d2-icon name="github"/>
|
|
|
|
// 设置行内样式
|
|
<d2-icon name="github" style="font-size: 100px;"/>
|
|
|
|
// 设置 class
|
|
<d2-icon name="github" class="icon-class-demo"/>
|
|
```
|
|
|
|
这个组件只是简化了写法而已
|
|
|
|
``` vue
|
|
<d2-icon name="github"/>
|
|
// 等同于
|
|
<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) |