123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
-
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>卡库错误页</title>
- <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
- <style>
- .cardStore{
- width: 90%;
- margin: 0 auto;
- }
- .imgDiv{
- height: 500px;
- text-align: center;
- }
- .fz_52{
- font-size: 52px;
- text-align: center;
- }
- .logo{
- width: 400px;
- height: 140px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .cardStoreIsBusy p {
- font-size: 20px;
- text-align: left;
- color: #888;
- }
- .cardStoreIsBusy h1 {
- font-size: 36px;
- }
- @media screen and (max-width:1300px) {
- .logo{
- width: 300px;
- }
- }
- </style>
- </head>
- <body class="cardStore">
- <nav class="logo">
- <img width="100%" src="./images/logo_cmb.png" />
- </nav>
- <!--卡库 start -->
- <div class="cardStoreIsBusy" id="CardStoreIsBusy">
- <p id="localDate"></p>
- <h1 id="localTime"></h1>
- </div>
- <!--卡库 end -->
- <div class="imgDiv">
- <img height="100%" src='./images/CardStoreIsBusy.png' />
- </div>
- <p class="fz_52" >卡库正在读卡中,请稍候</p>
- <!--卡库 end -->
- </body>
- <script type="text/javascript" src="js/calendar.js"></script>
- <script>
- let localDate = showFullDateTime();
- console.log('localDate---',localDate)
- let myDate = new Date();
- let hours = myDate.getHours();
- let timeValue = ((hours >= 12) ? "下午好" : "上午好 " );
- document.getElementById("localDate").innerHTML = localDate
- document.getElementById("localTime").innerHTML = timeValue
- </script>
- </html>
|