cardStore.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. 
  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>卡库错误页</title>
  7. <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  8. <style>
  9. .cardStore{
  10. width: 90%;
  11. margin: 0 auto;
  12. }
  13. .imgDiv{
  14. height: 500px;
  15. text-align: center;
  16. }
  17. .fz_52{
  18. font-size: 52px;
  19. text-align: center;
  20. }
  21. .logo{
  22. width: 400px;
  23. height: 140px;
  24. display: flex;
  25. flex-direction: column;
  26. justify-content: center;
  27. }
  28. .cardStoreIsBusy p {
  29. font-size: 20px;
  30. text-align: left;
  31. color: #888;
  32. }
  33. .cardStoreIsBusy h1 {
  34. font-size: 36px;
  35. }
  36. @media screen and (max-width:1300px) {
  37. .logo{
  38. width: 300px;
  39. }
  40. }
  41. </style>
  42. </head>
  43. <body class="cardStore">
  44. <nav class="logo">
  45. <img width="100%" src="./images/logo_cmb.png" />
  46. </nav>
  47. <!--卡库 start -->
  48. <div class="cardStoreIsBusy" id="CardStoreIsBusy">
  49. <p id="localDate"></p>
  50. <h1 id="localTime"></h1>
  51. </div>
  52. <!--卡库 end -->
  53. <div class="imgDiv">
  54. <img height="100%" src='./images/CardStoreIsBusy.png' />
  55. </div>
  56. <p class="fz_52" >卡库正在读卡中,请稍候</p>
  57. <!--卡库 end -->
  58. </body>
  59. <script type="text/javascript" src="js/calendar.js"></script>
  60. <script>
  61. let localDate = showFullDateTime();
  62. console.log('localDate---',localDate)
  63. let myDate = new Date();
  64. let hours = myDate.getHours();
  65. let timeValue = ((hours >= 12) ? "下午好" : "上午好 " );
  66. document.getElementById("localDate").innerHTML = localDate
  67. document.getElementById("localTime").innerHTML = timeValue
  68. </script>
  69. </html>