| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- <!DOCTYPE html>
- <html lang="">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>跳转提示</title>
- <style>
- * {
- 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>
- <?php
- $codeText = $code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');
- ?>
- <div class="system-message {$codeText}">
- <div class="image">
- <img src="/static/common/images/{$codeText}.svg" alt="" width="150"/>
- </div>
- <h1><?php echo(strip_tags($msg));?></h1>
- <p class="jump">
- 页面将在 <span id="wait"><?php echo($wait);?></span> 秒后自动跳转
- </p>
- <p class="clearfix">
- <a href="#" onClick="history.back(-1);" class="btn btn-grey">返回上一页</a>
- <a id="href" href="{$url}" class="btn btn-primary">立即跳转</a>
- </p>
- </div>
- <script type="text/javascript">
- (function () {
- var wait = document.getElementById('wait'),
- href = document.getElementById('href').href;
- var interval = setInterval(function () {
- var time = --wait.innerHTML;
- if (time <= 0) {
- location.href = href;
- clearInterval(interval);
- }
- }, 1000);
- })();
- </script>
- </body>
- </html>
|