dnsmgr/app/view/dispatch_jump.html
2025-07-02 13:42:13 +08:00

162 lines
4.1 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<title>温馨提示</title>
<meta content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" name="viewport">
<meta content="webkit" name="renderer"/>
<style type="text/css">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Lantinghei SC, Open Sans, Arial, Hiragino Sans GB, Microsoft YaHei, "微软雅黑", STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
-webkit-font-smoothing: antialiased
}
body {
padding: 70px 0;
background: #edf1f4;
font-weight: 400;
font-size: 1pc;
-webkit-text-size-adjust: none;
color: #333
}
a {
outline: 0;
color: #3498db;
text-decoration: none;
cursor: pointer
}
.system-message {
margin: 20px 5%;
padding: 40px 20px;
background: #fff;
box-shadow: 1px 1px 1px hsla(0, 0%, 39%, .1);
text-align: center
}
.system-message h1 {
margin: 0;
margin-bottom: 9pt;
color: #444;
font-weight: 400;
font-size: 40px
}
.system-message .jump, .system-message .image {
margin: 20px 0;
padding: 0;
padding: 10px 0;
font-weight: 400
}
.system-message .jump {
font-size: 14px
}
.system-message .jump a {
color: #333
}
.system-message p {
font-size: 9pt;
line-height: 20px
}
.system-message .btn {
display: inline-block;
margin-right: 10px;
width: 138px;
height: 2pc;
border: 1px solid #44a0e8;
border-radius: 30px;
color: #44a0e8;
text-align: center;
font-size: 1pc;
line-height: 2pc;
margin-bottom: 5px;
}
.success .btn {
border-color: #69bf4e;
color: #69bf4e
}
.error .btn {
border-color: #ff8992;
color: #ff8992
}
.info .btn {
border-color: #3498db;
color: #3498db
}
.copyright p {
width: 100%;
color: #919191;
text-align: center;
font-size: 10px
}
.system-message .btn-grey {
border-color: #bbb;
color: #bbb
}
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: "."
}
@media (max-width: 768px) {
body {
padding: 20px 0;
}
}
@media (max-width: 480px) {
.system-message h1 {
font-size: 30px;
}
}
</style>
</head>
<body>
<div class="system-message {$code}">
<div class="image">
<img alt="" src="/static/images/{$code}.svg" width="150"/>
</div>
<h1>{$msg}</h1>
{if $url}
<p class="jump">
页面将在 <span id="wait">{$wait}</span> 秒后自动跳转
</p>
{/if}
<p class="clearfix">
<a class="btn btn-grey" href="javascript:history.go(-1);">返回上一页</a>
{if $url}
<a class="btn btn-primary" href="{$url}">立即跳转</a>
{/if}
</p>
</div>
<script type="text/javascript">
(function () {
var wait = document.getElementById('wait');
var interval = setInterval(function () {
var time = --wait.innerHTML;
if (time <= 0) {
location.href = "{$url}";
clearInterval(interval);
}
}, 1000);
})();
</script>
</body>
</html>