index.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <link rel=icon type=image/png sizes=32x32 href='./images/favicon.png' class=keep>
  8. <link rel="stylesheet" href="./css/reset.css">
  9. <link rel="stylesheet" href="./css/main.css">
  10. <title>吴忠博物馆</title>
  11. </head>
  12. <style>
  13. .myTitle {
  14. letter-spacing:4px;
  15. margin: 0 auto;
  16. color: #fff;
  17. display: flex;
  18. justify-content: center;
  19. align-items: center;
  20. width: 270px;
  21. height: 50px;
  22. background: url('./img/titleBac.png') no-repeat center;
  23. background-size: 100% 100%;
  24. }
  25. .containers {
  26. padding-top: 40px;
  27. width: 100vw;
  28. max-width: 1080px;
  29. /* height: 100vh; */
  30. background-color: #285b5e;
  31. }
  32. </style>
  33. <body>
  34. <div class="containers">
  35. <div class="myTitle">吴忠博物馆</div>
  36. <!-- <p class="con-title">吴忠博物馆</p> -->
  37. <ul class="con">
  38. <!-- <li>
  39. <div class="case">
  40. <a class="link-a" href="Model.html?m=YL01&v=1">
  41. <div class="card-img" style="background-image: url(images/YL01.jpg)">
  42. </div>
  43. </a>
  44. </div>
  45. <p>鸡娄鼓</p>
  46. </li> -->
  47. </ul>
  48. </div>
  49. <script>
  50. let yp_num = []
  51. let notIn = []
  52. for (let i = 0; i < 48; i++) {
  53. if (!notIn.includes(i+1)) {
  54. yp_num.push('wzs'+String(i+1).padStart(2,'0'))
  55. }
  56. }
  57. console.log('数组长度:', yp_num.length);
  58. </script>
  59. <script src="js/jquery.js"></script>
  60. <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  61. <!-- <script src="js/weixin.js"></script> -->
  62. <script src="js/info.js"></script>
  63. <script src="js/ui.js"></script>
  64. </body>
  65. </html>