项目名称
这是一个使用Ant Design图标库的网站示例。
介绍
这个网站是一个演示如何使用Ant Design图标库的项目。它包含了一些基本的HTML和CSS代码，以及一些用于展示图标效果的Markdown文本。你可以通过复制这些代码并修改它们来创建你自己的网站。
页面结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ant Design图标示例</title>
<link rel="stylesheet" href="https://unpkg.com/antd/dist/antd.min.css">
</head>
<body>
<div id="app"></div>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/antd/dist/antd.min.js"></script>
<script src="main.js"></script>
</body>
</html>
主要样式
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon > * {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon::before {
display: none;
}
.anticon .anticon-icon {
display: block;
}
.anticon[tabindex] {
cursor: pointer;
}
.anticon-spin::before,
