网站介绍

这是一个使用Ant Design图标的网站,提供了丰富的图标库供用户选择。通过引入Ant Design的样式文件,可以方便地在项目中使用这些图标。

图标样式

  • .anticon:用于显示图标,设置了内联块级元素、继承颜色等样式。
  • .anticon > *:设置了行高为1,使得图标垂直居中。
  • .anticon svg:设置了SVG显示方式,确保图标正确显示。
  • .anticon::before:隐藏默认的伪元素。
  • .anticon .anticon-icon:设置了图标的显示方式为块级元素。
  • .anticon[tabindex]:为可聚焦的图标添加了指针样式。
  • .anticon-spin::before, .anticon-spin:定义了加载中的旋转效果。

使用方法

  1. 在项目中引入Ant Design的样式文件:
<link rel="stylesheet" href="https://3go.bdstatic.com/lib/antd/4.16.13/css/index.css">  
  1. 在HTML中使用.anticon类和对应的图标类名(如.anticon-lock)来显示图标:
<i class="anticon anticon-lock"></i>  

这样就可以在网站上看到漂亮的Ant Design图标了。