index.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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: 315px;
  21. height: 55px;
  22. background: url('./img/titleBac.png') no-repeat center;
  23. background-size: 100% 100%;
  24. font-size: 26px;
  25. }
  26. .containers {
  27. padding-top: 40px;
  28. width: 100%;
  29. height: 100%;
  30. /* max-width: 1080px; */
  31. /* height: 100vh; */
  32. background-color: #285b5e;
  33. padding-bottom: 10px;
  34. padding-right: 10px;
  35. box-sizing: border-box;
  36. }
  37. .pageBox {
  38. position: fixed;
  39. z-index: 99;
  40. right: 20px;
  41. top: 10px;
  42. display: flex;
  43. }
  44. .pageBox>div {
  45. width: 24px;
  46. height: 24px;
  47. background-color: #fff;
  48. cursor: pointer;
  49. margin-left: 15px;
  50. line-height: 24px;
  51. text-align: center;
  52. border-radius: 5px;
  53. border: 1px solid #ccc;
  54. }
  55. .pageBox>div:hover {
  56. background-color: #285b5e;
  57. color: #fff;
  58. }
  59. .pageBox .active {
  60. pointer-events: none;
  61. background-color: #285b5e;
  62. color: #fff;
  63. }
  64. .Logo {
  65. width: 200px;
  66. /* height: 100px; */
  67. position: absolute;
  68. right: 0px;
  69. top: 0px;
  70. z-index: 10;
  71. }
  72. .support-box {
  73. color: white;
  74. text-align: right;
  75. font-size: 12px;
  76. /* margin-bottom: 10px; */
  77. display: flex;
  78. align-items: center;
  79. justify-content: end;
  80. }
  81. .support-box>img {
  82. width: 20px;
  83. height: 20px;
  84. margin: 0 2px;
  85. }
  86. </style>
  87. <body>
  88. <div class="containers">
  89. <!-- <img class="Logo" src="./img/logo.jpg" alt=""> -->
  90. <div class="myTitle"></div>
  91. <ul class="con"> </ul>
  92. <div class="support-box">
  93. 技术支持:
  94. <img src="./img/support.png" alt="">
  95. 粤泓山脉(广东)科技有限公司
  96. </div>
  97. <!-- 分页指示器 -->
  98. <!-- <div class="pageBox">
  99. <div class="active">1</div>
  100. <div>2</div>
  101. <div>3</div>
  102. </div> -->
  103. </div>
  104. <script src="./info.js"></script>
  105. <script src="js/jquery.js"></script>
  106. <script src="js/ui.js"></script>
  107. <script>
  108. document.title = titleInfo
  109. $('.myTitle').text(titleInfo)
  110. </script>
  111. </body>
  112. </html>