12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
  7. <meta name="screen-orientation" content="portrait">
  8. <!-- <script src="./wx/jweixin-1.6.0.js"></script> -->
  9. <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  10. <script src="./jquery.1.9.1.js"></script>
  11. <script src="./turn.min.js"></script>
  12. <script src="./config.js"></script>
  13. <script src="./slidePage/slidePage.min.js"></script>
  14. <script src="https://api.map.baidu.com/api?v=3.0&ak=IDixtryGuZAFPZLh4r8XCAM054r8LCRs"></script>
  15. <link rel="stylesheet" href="./slidePage/slidePage.min.css">
  16. <!-- <link
  17. as="style"
  18. rel="stylesheet preload prefetch"
  19. href="./fonts/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.ttf"
  20. type="text/css"
  21. /> -->
  22. <link rel="stylesheet" href="./fonts/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.css">
  23. <title>让和平的“种子”,在全世界生根发芽</title>
  24. <!-- <script src="./vconsole.min.js"></script>
  25. <script>
  26. const vConsole = new VConsole();
  27. </script> -->
  28. <style>
  29. #vid-cover {
  30. position: relative;
  31. z-index: 20000;
  32. }
  33. #vid-cover .goback {
  34. position: fixed;
  35. top: 10px;
  36. width: 50px;
  37. height: 50px;
  38. }
  39. /* 横屏 */
  40. @media all and (orientation : landscape) {
  41. #vid-cover .goback {
  42. left: 10px;
  43. }
  44. }
  45. /* 竖屏 */
  46. @media all and (orientation : portrait) {
  47. #vid-cover .goback {
  48. right: 10px;
  49. transform: rotate(90deg);
  50. }
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <img src="/share.jpg" style="display: none;" />
  56. <div id="app"></div>
  57. <script type="module" src="/src/main.js"></script>
  58. </body>
  59. <script>
  60. var el = document.createElement('div');
  61. el.id = 'vid-cover'
  62. document.documentElement.appendChild(el);
  63. </script>
  64. </html>