maintenance.blade.php 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  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> browser. Please
  46. <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
  47. <![endif]-->
  48. <!-- Page -->
  49. <div class="page vertical-align text-center" data-animsition-in="fade-in" data-animsition-out="fade-out">>
  50. <div class="page-content vertical-align-middle">
  51. <i class="icon wb-settings icon-spin page-maintenance-icon" aria-hidden="true"></i>
  52. <h2>维护建设中</h2>
  53. {!! $message !!}
  54. <footer class="page-copyright">
  55. <p id="countdown"></p>
  56. </footer>
  57. </div>
  58. </div>
  59. <!-- End Page -->
  60. <!-- 核心/Core -->
  61. <script src="/assets/global/vendor/babel-external-helpers/babel-external-helpers.js" type="text/javascript"></script>
  62. <script src="/assets/global/vendor/jquery/jquery.min.js" type="text/javascript"></script>
  63. <script src="/assets/global/vendor/popper-js/umd/popper.min.js" type="text/javascript"></script>
  64. <script src="/assets/global/vendor/bootstrap/bootstrap.min.js" type="text/javascript"></script>
  65. <script src="/assets/global/vendor/animsition/animsition.min.js" type="text/javascript"></script>
  66. <script src="/assets/global/vendor/mousewheel/jquery.mousewheel.js" type="text/javascript"></script>
  67. <script src="/assets/global/vendor/asscrollbar/jquery-asScrollbar.min.js" type="text/javascript"></script>
  68. <script src="/assets/global/vendor/asscrollable/jquery-asScrollable.min.js" type="text/javascript"></script>
  69. <script src="/assets/global/vendor/ashoverscroll/jquery-asHoverScroll.min.js" type="text/javascript"></script>
  70. <!-- 插件/Plugins -->
  71. <script src="/assets/global/vendor/screenfull/screenfull.js"></script>
  72. <script src="/assets/global/vendor/slidepanel/jquery-slidePanel.js"></script>
  73. <!-- 脚本/Scripts -->
  74. <script src="/assets/global/js/Component.js" type="text/javascript"></script>
  75. <script src="/assets/global/js/Plugin.js" type="text/javascript"></script>
  76. <script src="/assets/global/js/Base.js" type="text/javascript"></script>
  77. <script src="/assets/global/js/Config.js" type="text/javascript"></script>
  78. <script src="/assets/js/Section/Menubar.js" type="text/javascript"></script>
  79. <script src="/assets/js/Section/Sidebar.js" type="text/javascript"></script>
  80. <script src="/assets/js/Section/PageAside.js" type="text/javascript"></script>
  81. <script src="/assets/js/Plugin/menu.js" type="text/javascript"></script>
  82. <!-- 设置/Config -->
  83. <script src="/assets/global/js/config/colors.js" type="text/javascript"></script>
  84. <script type="text/javascript">
  85. Config.set('assets', '/assets');
  86. </script>
  87. <!-- Page -->
  88. <script src="/assets/js/Site.js"></script>
  89. <script src="/assets/global/js/Plugin/asscrollable.js"></script>
  90. <script src="/assets/global/js/Plugin/slidepanel.js"></script>
  91. <script>
  92. (function (document, window, $) {
  93. 'use strict';
  94. var Site = window.Site;
  95. $(document).ready(function () {
  96. Site.run();
  97. });
  98. })(document, window, jQuery);
  99. // 每秒更新计时器
  100. const countDownDate = new Date("{{$time}}").getTime();
  101. const x = setInterval(function () {
  102. const distance = countDownDate - new Date().getTime();
  103. const days = Math.floor(distance / 86400000);
  104. const hours = Math.floor(distance % 86400000 / 3600000);
  105. const minutes = Math.floor(distance % 3600000 / 60000);
  106. const seconds = Math.floor(distance % 60000 / 1000);
  107. document.getElementById("countdown").innerHTML = "<h2>" + days + " <span> 天 </span>: " + hours + " <span>时</span>: " + minutes + " <span>分 </span>: " + seconds + "<span> 秒</span> </h2>";
  108. if (distance <= 0) {
  109. clearInterval(x);
  110. document.getElementById("countdown").remove();
  111. }
  112. }, 1000);
  113. </script>
  114. </body>
  115. </html>