maintenance.blade.php 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <!--[if IE 8]>
  3. <html lang="{{app()->getLocale()}}" class="ie8 no-js css-menubar"> <![endif]-->
  4. <!--[if IE 9]>
  5. <html lang="{{app()->getLocale()}}" class="ie9 no-js css-menubar"> <![endif]-->
  6. <!--[if !IE]><!-->
  7. <html lang="{{app()->getLocale()}}">
  8. <!--<![endif]-->
  9. <head>
  10. <meta charset="UTF-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13. <meta name="description" content="">
  14. <meta name="keywords" content="">
  15. <meta name="author" content="兔姬菌">
  16. <meta name="copyright" content="2017-2020©兔姬菌">
  17. <title>维护 | Maintenance</title>
  18. <link href="{{asset('favicon.ico')}}" rel="shortcut icon apple-touch-icon">
  19. <!-- Stylesheets -->
  20. <link href="/assets/global/css/bootstrap.min.css" type="text/css" rel="stylesheet">
  21. <link href="/assets/global/css/bootstrap-extend.min.css" type="text/css" rel="stylesheet">
  22. <link href="/assets/css/site.min.css" type="text/css" rel="stylesheet">
  23. <!-- Plugins -->
  24. <link href="/assets/global/vendor/animsition/animsition.min.css" type="text/css" rel="stylesheet">
  25. <link href="/assets/global/vendor/asscrollable/asScrollable.min.css" type="text/css" rel="stylesheet">
  26. <link href="/assets/global/vendor/slidepanel/slidePanel.min.css" type="text/css" rel="stylesheet">
  27. <link href="/assets/global/vendor/flag-icon-css/flag-icon.min.css" type="text/css" rel="stylesheet">
  28. <link href="/assets/examples/css/pages/maintenance.css" type="text/css" rel="stylesheet">
  29. <!-- Fonts -->
  30. <link href="/assets/global/fonts/web-icons/web-icons.min.css" type="text/css" rel="stylesheet">
  31. <link href="//fonts.loli.net/css?family=Roboto:300,400,500,300italic" type="text/css" rel="stylesheet">
  32. <!--[if lt IE 9]>
  33. <script src="/assets/global/vendor/html5shiv/html5shiv.min.js" type="text/javascript"></script> <![endif]-->
  34. <!--[if lt IE 10]>
  35. <script src="/assets/global/vendor/media-match/media.match.min.js" type="text/javascript"></script>
  36. <script src="/assets/global/vendor/respond/respond.min.js" type="text/javascript"></script> <![endif]-->
  37. <!-- Scripts -->
  38. <script src="/assets/global/vendor/breakpoints/breakpoints.js" type="text/javascript"></script>
  39. <script>
  40. Breakpoints();
  41. </script>
  42. </head>
  43. <body class="animsition page-login-v3 layout-full" style="position: relative;">
  44. <!--[if lt IE 8]> <p class="browserupgrade">您正在使用 <strong>过时/老旧</strong> 的浏览器。 为了您的使用体验,请
  45. <a href="http://browsehappy.com/" target="_blank">升级您的浏览器</a> <br/>You are using an <strong>outdated</strong>
  46. browser. Please
  47. <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
  48. <![endif]-->
  49. <!-- Page -->
  50. <div class="page vertical-align text-center" data-animsition-in="fade-in" data-animsition-out="fade-out">>
  51. <div class="page-content vertical-align-middle">
  52. <i class="icon wb-settings icon-spin page-maintenance-icon" aria-hidden="true"></i>
  53. <h2>维护建设中</h2>
  54. {!! $message !!}
  55. <footer class="page-copyright">
  56. <p id="countdown"></p>
  57. </footer>
  58. </div>
  59. </div>
  60. <!-- End Page -->
  61. <!-- 核心/Core -->
  62. <script src="/assets/global/vendor/babel-external-helpers/babel-external-helpers.js" type="text/javascript"></script>
  63. <script src="/assets/global/vendor/jquery/jquery.min.js" type="text/javascript"></script>
  64. <script src="/assets/global/vendor/popper-js/umd/popper.min.js" type="text/javascript"></script>
  65. <script src="/assets/global/vendor/bootstrap/bootstrap.min.js" type="text/javascript"></script>
  66. <script src="/assets/global/vendor/animsition/animsition.min.js" type="text/javascript"></script>
  67. <script src="/assets/global/vendor/mousewheel/jquery.mousewheel.js" type="text/javascript"></script>
  68. <script src="/assets/global/vendor/asscrollbar/jquery-asScrollbar.min.js" type="text/javascript"></script>
  69. <script src="/assets/global/vendor/asscrollable/jquery-asScrollable.min.js" type="text/javascript"></script>
  70. <script src="/assets/global/vendor/ashoverscroll/jquery-asHoverScroll.min.js" type="text/javascript"></script>
  71. <!-- 插件/Plugins -->
  72. <script src="/assets/global/vendor/screenfull/screenfull.js"></script>
  73. <script src="/assets/global/vendor/slidepanel/jquery-slidePanel.js"></script>
  74. <!-- 脚本/Scripts -->
  75. <script src="/assets/global/js/Component.js" type="text/javascript"></script>
  76. <script src="/assets/global/js/Plugin.js" type="text/javascript"></script>
  77. <script src="/assets/global/js/Base.js" type="text/javascript"></script>
  78. <script src="/assets/global/js/Config.js" type="text/javascript"></script>
  79. <script src="/assets/js/Section/Menubar.js" type="text/javascript"></script>
  80. <script src="/assets/js/Section/Sidebar.js" type="text/javascript"></script>
  81. <script src="/assets/js/Section/PageAside.js" type="text/javascript"></script>
  82. <script src="/assets/js/Plugin/menu.js" type="text/javascript"></script>
  83. <!-- 设置/Config -->
  84. <script src="/assets/global/js/config/colors.js" type="text/javascript"></script>
  85. <script type="text/javascript">
  86. Config.set('assets', '/assets');
  87. </script>
  88. <!-- Page -->
  89. <script src="/assets/js/Site.js"></script>
  90. <script src="/assets/global/js/Plugin/asscrollable.js"></script>
  91. <script src="/assets/global/js/Plugin/slidepanel.js"></script>
  92. <script>
  93. (function(document, window, $) {
  94. 'use strict';
  95. var Site = window.Site;
  96. $(document).ready(function() {
  97. Site.run();
  98. });
  99. })(document, window, jQuery);
  100. // 每秒更新计时器
  101. const countDownDate = new Date("{{$time}}").getTime();
  102. const x = setInterval(function() {
  103. const distance = countDownDate - new Date().getTime();
  104. const days = Math.floor(distance / 86400000);
  105. const hours = Math.floor(distance % 86400000 / 3600000);
  106. const minutes = Math.floor(distance % 3600000 / 60000);
  107. const seconds = Math.floor(distance % 60000 / 1000);
  108. document.getElementById('countdown').innerHTML = '<h2>' + days + ' <span> 天 </span>: ' + hours +
  109. ' <span>时</span>: ' + minutes + ' <span>分 </span>: ' + seconds + '<span> 秒</span> </h2>';
  110. if (distance <= 0) {
  111. clearInterval(x);
  112. document.getElementById('countdown').remove();
  113. }
  114. }, 1000);
  115. </script>
  116. </body>
  117. </html>