项目名称

描述

这是一个用于构建响应式和移动优先的项目的工具。它提供了一套预定义的样式,帮助开发者快速构建用户界面元素。

使用方式

需要在HTML文件中引入Ant Design图标库。可以通过CDN链接或者npm安装的方式来引入。然后,通过.anticon类选择器和icon-name属性来引用图标。

示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ant Design Icon Example</title>
<link rel="stylesheet" href="https://unpkg.com/antd/dist/antd.min.css">
</head>
<body>
<span class="anticon antiicon-house"></span>
<span class="anticon antiicon-star"></span>
</body>
</html>

图标列表

以下是一些常用的Ant Design图标:

  • house:房子图标
  • star:星星图标
  • user:用户图标
  • search:搜索图标
  • setting:设置图标
  • email:邮箱图标
  • phone:电话图标
  • notifications:通知图标
  • question:问题图标
  • leftright:左右箭头图标
  • arrow-up:向上箭头图标
  • arrow-down:向下箭头图标
  • copyright:版权图标
  • …更多图标请参考Ant Design官方文档。