项目名称
描述
这是一个用于构建响应式和移动优先的项目的工具。它提供了一套预定义的样式,帮助开发者快速构建用户界面元素。
使用方式
需要在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官方文档。