no message

Former-commit-id: 9c99fa78c3e9d9453e748436f0145eb22284db16 Former-commit-id: 514ae0d6194941cd08584367b1970c2e610d99d5 Former-commit-id: beaede8116f4791cdf772b2848f849b04e1a6ee9
2018-06-03 19:30:57 +08:00
parent 165ae5d6a2
commit 88bcdd6d6f
24 changed files with 1308 additions and 1 deletions
--- a/docs/zh/components/icon.md
+++ b/docs/zh/components/icon.md
@@ -0,0 +1,41 @@
+# 图标
+
+## 参数
+
+| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- | --- |
+| name | 图标名称 | 非 | String | font-awesome 所有图标名 | font-awesome |
+
+## 使用方法
+
+基本
+
+``` vue
+// 这样用没有毛病 但是也没什么用
+<Icon></Icon>
+
+// 指定图标名称
+<Icon name="github"></Icon>
+
+// 设置行内样式
+<Icon name="github" style="font-size: 100px;"></Icon>
+
+// 设置 class
+<Icon name="github" class="icon-class-demo"></Icon>
+```
+
+这个组件只是简化了写法而已
+
+``` vue
+<Icon name="github"></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)