dispatch_jump.tpl 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. {__NOLAYOUT__}<!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>跳转提示</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
  8. <style type="text/css">
  9. *{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}
  10. body{padding:70px 0;background:#edf1f4;font-weight:400;font-size:1pc;-webkit-text-size-adjust:none;color:#333}
  11. a{outline:0;color:#3498db;text-decoration:none;cursor:pointer}
  12. .system-message{margin:20px 5%;padding:40px 20px;background:#fff;box-shadow:1px 1px 1px hsla(0,0%,39%,.1);text-align:center}
  13. .system-message h1{margin:0;margin-bottom:9pt;color:#444;font-weight:400;font-size:40px}
  14. .system-message .jump,.system-message .image{margin:20px 0;padding:0;padding:10px 0;font-weight:400}
  15. .system-message .jump{font-size:14px}
  16. .system-message .jump a{color:#333}
  17. .system-message p{font-size:9pt;line-height:20px}
  18. .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;}
  19. .success .btn{border-color:#69bf4e;color:#69bf4e}
  20. .error .btn{border-color:#ff8992;color:#ff8992}
  21. .info .btn{border-color:#3498db;color:#3498db}
  22. .copyright p{width:100%;color:#919191;text-align:center;font-size:10px}
  23. .system-message .btn-grey{border-color:#bbb;color:#bbb}
  24. .clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
  25. @media (max-width:768px){body {padding:20px 0;}}
  26. @media (max-width:480px){.system-message h1{font-size:30px;}}
  27. </style>
  28. </head>
  29. <body>
  30. <div class="system-message <?php echo $code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');?>">
  31. <div class="image">
  32. <img src="__CDN__/assets/img/<?php echo $code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');?>.svg" alt="" width="150" />
  33. </div>
  34. <h1><?php echo($msg);?></h1>
  35. <p class="jump">
  36. 页面将在 <span id="wait"><?php echo($wait);?></span> 秒后自动<a id="href" href="<?php echo($url);?>">跳转</a>
  37. </p>
  38. <p class="clearfix">
  39. <a href="javascript:history.go(-1);" class="btn btn-grey">返回上一步</a>
  40. <a href="<?php echo($url);?>" class="btn btn-primary">立即跳转</a>
  41. </p>
  42. </div>
  43. <div class="copyright">
  44. </div>
  45. <script type="text/javascript">
  46. (function () {
  47. var wait = document.getElementById('wait'),
  48. href = document.getElementById('href').href;
  49. var interval = setInterval(function () {
  50. var time = --wait.innerHTML;
  51. if (time <= 0) {
  52. location.href = href;
  53. clearInterval(interval);
  54. }
  55. }, 1000);
  56. })();
  57. </script>
  58. </body>
  59. </html>