mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 21:19:37 +08:00
Code Issues Actions 22 Packages Projects Releases Wiki Activity

update iconfont

Browse Source
This commit is contained in:
afc163 2015-06-17 19:46:23 +08:00
parent c5f9cb0706
commit 0beb66fa18
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/iconfont/index.md
View File

@ -11,17 +11,17 @@
我们为每个图标赋予了语义化的命名。我们的命名规范如下：
- 1. 使用 **-** 来连接单词；
- 1. 使用 `-` 来连接单词；
- 2. 实心和描线 icon 保持同名，用 **-o** 来区分，比如 question-circle(实心) 和 question-circle-o(描线)；
- 2. 实心和描线图标保持同名，用 `-o` 来区分，比如 `question-circle`(实心) 和 `question-circle-o`(描线)；
- 3. 命名顺序：[icon名]-[描线与否]-[方向]。
- 3. 命名顺序：`[icon名]-[描线与否]-[方向]`。
每个图标的类名需要在图标名称前加上 **anticon-** 前缀，如 `.anticon-question-circle`。
每个图标的类名需要在图标名称前加上 `anticon-` 前缀，如 `.anticon-question-circle`。
## 如何使用
使用时所有的图标都需要一个基类 `.anticon` 和对应每个图标的类。在这里，我们使用 `<i>` 标签，如下面代码演示使用即可~
使用时所有的图标都需要一个基类 `.anticon` 和对应每个图标的类。在这里，我们使用 `<i>` 标签，如下面代码演示使用即可。
```html
<i class="anticon anticon-link"></i>