dispatch_jump.tpl 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>跳转提示</title>
  7. <style>
  8. * {
  9. box-sizing: border-box;
  10. margin: 0;
  11. padding: 0;
  12. font-family: Lantinghei SC, Open Sans, Arial, Hiragino Sans GB, Microsoft YaHei, "微软雅黑", STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
  13. -webkit-font-smoothing: antialiased
  14. }
  15. body {
  16. padding: 70px 0;
  17. background: #edf1f4;
  18. font-weight: 400;
  19. font-size: 1pc;
  20. -webkit-text-size-adjust: none;
  21. color: #333
  22. }
  23. a {
  24. outline: 0;
  25. color: #3498db;
  26. text-decoration: none;
  27. cursor: pointer
  28. }
  29. .system-message {
  30. margin: 20px 5%;
  31. padding: 40px 20px;
  32. background: #fff;
  33. box-shadow: 1px 1px 1px hsla(0, 0%, 39%, .1);
  34. text-align: center
  35. }
  36. .system-message h1 {
  37. margin: 0;
  38. margin-bottom: 9pt;
  39. color: #444;
  40. font-weight: 400;
  41. font-size: 40px
  42. }
  43. .system-message .jump, .system-message .image {
  44. margin: 20px 0;
  45. padding: 0;
  46. padding: 10px 0;
  47. font-weight: 400
  48. }
  49. .system-message .jump {
  50. font-size: 14px
  51. }
  52. .system-message .jump a {
  53. color: #333
  54. }
  55. .system-message p {
  56. font-size: 9pt;
  57. line-height: 20px
  58. }
  59. .system-message .btn {
  60. display: inline-block;
  61. margin-right: 10px;
  62. width: 138px;
  63. height: 2pc;
  64. border: 1px solid #44a0e8;
  65. border-radius: 30px;
  66. color: #44a0e8;
  67. text-align: center;
  68. font-size: 1pc;
  69. line-height: 2pc;
  70. margin-bottom: 5px;
  71. }
  72. .success .btn {
  73. border-color: #69bf4e;
  74. color: #69bf4e
  75. }
  76. .error .btn {
  77. border-color: #ff8992;
  78. color: #ff8992
  79. }
  80. .info .btn {
  81. border-color: #3498db;
  82. color: #3498db
  83. }
  84. .copyright p {
  85. width: 100%;
  86. color: #919191;
  87. text-align: center;
  88. font-size: 10px
  89. }
  90. .system-message .btn-grey {
  91. border-color: #bbb;
  92. color: #bbb
  93. }
  94. .clearfix:after {
  95. clear: both;
  96. display: block;
  97. visibility: hidden;
  98. height: 0;
  99. content: "."
  100. }
  101. @media (max-width: 768px) {
  102. body {
  103. padding: 20px 0;
  104. }
  105. }
  106. @media (max-width: 480px) {
  107. .system-message h1 {
  108. font-size: 30px;
  109. }
  110. }
  111. </style>
  112. </head>
  113. <body>
  114. <?php
  115. $codeText = $code == 1 ? 'success' : ($code == 0 ? 'error' : 'info');
  116. ?>
  117. <div class="system-message {$codeText}">
  118. <div class="image">
  119. <img src="/static/common/images/{$codeText}.svg" alt="" width="150"/>
  120. </div>
  121. <h1><?php echo(strip_tags($msg));?></h1>
  122. <p class="jump">
  123. 页面将在 <span id="wait"><?php echo($wait);?></span> 秒后自动跳转
  124. </p>
  125. <p class="clearfix">
  126. <a href="#" onClick="history.back(-1);" class="btn btn-grey">返回上一页</a>
  127. <a id="href" href="{$url}" class="btn btn-primary">立即跳转</a>
  128. </p>
  129. </div>
  130. <script type="text/javascript">
  131. (function () {
  132. var wait = document.getElementById('wait'),
  133. href = document.getElementById('href').href;
  134. var interval = setInterval(function () {
  135. var time = --wait.innerHTML;
  136. if (time <= 0) {
  137. location.href = href;
  138. clearInterval(interval);
  139. }
  140. }, 1000);
  141. })();
  142. </script>
  143. </body>
  144. </html>