网站介绍
这是一个使用Ant Design图标的网站,提供了丰富的图标库供用户选择。通过引入Ant Design的样式文件,可以方便地在项目中使用这些图标。
图标样式
.anticon
:用于显示图标,设置了内联块级元素、继承颜色等样式。
.anticon > *
:设置了行高为1,使得图标垂直居中。
.anticon svg
:设置了SVG显示方式,确保图标正确显示。
.anticon::before
:隐藏默认的伪元素。
.anticon .anticon-icon
:设置了图标的显示方式为块级元素。
.anticon[tabindex]
:为可聚焦的图标添加了指针样式。
.anticon-spin::before, .anticon-spin
:定义了加载中的旋转效果。
使用方法
- 在项目中引入Ant Design的样式文件:
<link rel="stylesheet" href="https://3go.bdstatic.com/lib/antd/4.16.13/css/index.css">
- 在HTML中使用
.anticon
类和对应的图标类名(如.anticon-lock
)来显示图标:
<i class="anticon anticon-lock"></i>
这样就可以在网站上看到漂亮的Ant Design图标了。