mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 16:06:28 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Add site loading, close #1632

Browse Source
This commit is contained in:
afc163 2016-05-11 19:18:54 +08:00
parent 9321c5f07b
commit d63a16ff5f
2 changed files with 38 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@ -11,7 +11,12 @@
<![endif]-->
</head>
<body>
<div id="react-content"></div>
<div id="react-content1">
<div class="ant-site-loading">
<img width="100" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" alt="loading..." />
<div>A Design Langague</div>
</div>
</div>
</body>
<script src="./index.js"></script>
</html>

32
site/common/styles/common.less
View File

@ -75,3 +75,35 @@ a {
.outside-link.internal {
display: none;
}
.ant-site-loading {
height: 100vh;
width: 100vw;
background: #fff;
text-align: center;
display: table-cell;
vertical-align: middle;
img {
animation: siteLoadingCircle 2s ease-in-out infinite;
transform-origin: 50% 50%;
margin-top: -50px;
}
div {
font-family: lato;
color: #777;
font-size: 16px;
letter-spacing: 2px;
}
}
@keyframes siteLoadingCircle {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}