Skip to content

Instantly share code, notes, and snippets.

@imbyc
Last active April 22, 2020 15:42
Show Gist options
  • Save imbyc/74644a0ee1527c45bf55679f17144c2e to your computer and use it in GitHub Desktop.
Save imbyc/74644a0ee1527c45bf55679f17144c2e to your computer and use it in GitHub Desktop.
一个简单的维护页面,没有多余css,图片放在github,走jsdelivr加速,放心使用 // source https://jsbin.com/yenuyon
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<title>系统维护</title>
<style>
body {
color: #666666;
font-size: 12px;
font-family: "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
}
body,
div {
margin: 0;
padding: 0;
}
.no_data {
text-align: center;
clear: both;
background-color: #fafafa;
}
.no_dataImg {
width: 240px;
padding: 170px 0px 50px 0px;
}
.no_dataText {
text-align: center;
padding: 0px 0px 90px 0px;
color: #bebebe;
font-size: 24px;
font-weight: bold;
}
.width100 {
width: 100%;
}
</style>
</head>
<body>
<div class="main-style">
<div class="no_data">
<img class="no_dataImg" src="https://cdn.jsdelivr.net/gh/cooldev-cn/cdn@latest/20200422231929.gif" alt="暂无数据">
<div class="no_dataText">
<p>系统维护中暂时关闭站点</p>
<p>恢复时间请留意群公告</p>
</div>
<img class="width100" src="https://cdn.jsdelivr.net/gh/cooldev-cn/cdn@latest/20200422231946.png" alt="底部">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment