index.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/favicon.ico" />
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
  8. <meta http-equiv="Cache-control" content="no-cache">
  9. <meta http-equiv="Cache" content="no-cache">
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <!-- 设置苹果工具栏颜色 -->
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  13. <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
  14. <meta name="format-detection" content="telphone=no, email=no" />
  15. <!-- 启用360浏览器的极速模式(webkit) -->
  16. <meta name="renderer" content="webkit" />
  17. <!-- 避免IE使用兼容模式 -->
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  19. <meta name="HandheldFriendly" content="true" />
  20. <!-- uc强制竖屏 -->
  21. <meta name="screen-orientation" content="portrait" />
  22. <!-- QQ强制竖屏 -->
  23. <meta name="x5-orientation" content="portrait" />
  24. <!-- UC强制全屏 -->
  25. <meta name="full-screen" content="yes" />
  26. <!-- QQ强制全屏 -->
  27. <meta name="x5-fullscreen" content="true" />
  28. <!-- UC应用模式 -->
  29. <meta name="browsermode" content="application" />
  30. <!-- QQ应用模式 -->
  31. <meta name="x5-page-mode" content="app" />
  32. <!-- 设置在apple上以应用模式启动时,是否全屏 -->
  33. <meta name="apple-touch-fullscreen" content="yes" />
  34. <!-- windows phone 点击无高光 -->
  35. <meta name="msapplication-tap-highlight" content="no" />
  36. <title>酷乐周年庆</title>
  37. <style>
  38. * {
  39. padding: 0;
  40. margin: 0;
  41. border: 0;
  42. }
  43. body {
  44. font-size: 0;
  45. line-height: 0;
  46. }
  47. img {
  48. width: 100%;
  49. }
  50. .downBtn {
  51. width: 200px;
  52. height: 57px;
  53. position: absolute;
  54. left: 50%;
  55. margin-left: -100px;
  56. bottom: 16px;
  57. }
  58. .activeWrap {
  59. position: relative;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div class="activeWrap">
  65. <img src="./images/1.jpg" />
  66. <img src="./images/2.jpg" />
  67. <img src="./images/3.jpg" />
  68. <img class="downBtn" onclick="openMember()" src="./images//downBtn.png" alt="">
  69. </div>
  70. </body>
  71. <script>
  72. function openMember() {
  73. const tmpUrl = `${location.origin}/student/#/memberCenter`
  74. console.log('来了')
  75. window.open(tmpUrl)
  76. }
  77. </script>
  78. </html>