index.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html lang="ch-zh">
  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="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
  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. .pageBox {
  33. position: fixed;
  34. z-index: 99;
  35. right: 20px;
  36. top: 10px;
  37. display: flex;
  38. }
  39. .pageBox>div {
  40. width: 24px;
  41. height: 24px;
  42. background-color: #fff;
  43. cursor: pointer;
  44. margin-left: 15px;
  45. line-height: 24px;
  46. text-align: center;
  47. border-radius: 5px;
  48. border: 1px solid #ccc;
  49. }
  50. .pageBox>div:hover {
  51. background-color: #285b5e;
  52. color: #fff;
  53. }
  54. .pageBox .active {
  55. pointer-events: none;
  56. background-color: #285b5e;
  57. color: #fff;
  58. }
  59. </style>
  60. <body>
  61. <div class="containers">
  62. <div class="myTitle"></div>
  63. <ul class="con"> </ul>
  64. <!-- 分页指示器 -->
  65. <!-- <div class="pageBox">
  66. <div class="active">1</div>
  67. <div>2</div>
  68. <div>3</div>
  69. </div> -->
  70. </div>
  71. <script src="./info.js"></script>
  72. <script src="js/jquery.js"></script>
  73. <script src="js/ui.js"></script>
  74. <script>
  75. document.title = titleInfo
  76. $('.myTitle').text(titleInfo)
  77. </script>
  78. </body>
  79. </html>