index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta http-equiv="X-Content-Type-Options" content="nosniff">
  8. <meta name="renderer" content="webkit">
  9. <meta name="viewport"
  10. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
  11. <meta name="format-detection" content="telephone=no">
  12. <link rel="icon" href="<%= BASE_URL %>logo.ico">
  13. <title>2022年全国大众创业万众创新活动周云展览</title>
  14. <script>
  15. var _hmt = _hmt || [];
  16. (function () {
  17. var hm = document.createElement("script");
  18. hm.src = "https://hm.baidu.com/hm.js?de470ac542dcebd70489a7ce3e1705c3";
  19. var s = document.getElementsByTagName("script")[0];
  20. s.parentNode.insertBefore(hm, s);
  21. })();
  22. </script>
  23. <style>
  24. .broswertips {
  25. position: fixed;
  26. z-index: 99999999;
  27. width: 100%;
  28. height: 100%;
  29. overflow: hidden;
  30. display: flex;
  31. align-items: center;
  32. background-image: url(./tipsimages/bg.png);
  33. display: none;
  34. background-repeat: no-repeat;
  35. background-color: #10337f;
  36. background-size: 100% auto;
  37. background-position: bottom left;
  38. }
  39. .broswertips .h-con {
  40. width: 75%;
  41. margin: 0 auto;
  42. padding-top: 0;
  43. color: #fff;
  44. position: absolute;
  45. top: 50%;
  46. left: 50%;
  47. transform: translate(-50%, -50%);
  48. text-align: center;
  49. }
  50. .broswertips .h-con .h-title {
  51. width: 100%;
  52. }
  53. .broswertips .h-con .h-title>img {
  54. width: 90%;
  55. }
  56. .broswertips .h-con .tunits {
  57. width: 60%;
  58. margin: 40px auto 0;
  59. }
  60. .broswertips .h-con>p {
  61. font-size: 28px;
  62. margin-top: 20vh;
  63. font-weight: normal;
  64. }
  65. .broswertips .h-con>p>span {
  66. display: inline-block;
  67. margin-right: 60px;
  68. }
  69. </style>
  70. </head>
  71. <body>
  72. <div class="broswertips" id="broswertips">
  73. <div class="h-con">
  74. <div class="h-title">
  75. <img src="./tipsimages/title.png" alt="" />
  76. </div>
  77. <p>本展览采用三维全景技术呈现,不兼容IE浏览器访问,<br /> 建议使用谷歌、360极速浏览器、火狐等主流浏览器。</p>
  78. </div>
  79. </div>
  80. <script>
  81. function versions() {
  82. var u = window.navigator.userAgent
  83. var uLowCase = u.toLowerCase()
  84. return {
  85. userAgent: u,
  86. // IE内核
  87. trident: u.indexOf('Trident') > -1,
  88. // opera内核
  89. presto: u.indexOf('Presto') > -1,
  90. // 苹果、谷歌内核
  91. webKit: u.indexOf('AppleWebKit') > -1,
  92. // 火狐内核
  93. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1,
  94. // 是否为移动终端 / Tablets use desktop version
  95. mobile: (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) && !(/Tablet|iPad/i.test(navigator.userAgent)),
  96. // ios终端
  97. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  98. // android终端或者uc浏览器
  99. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
  100. // 是否为iPhone或者安卓QQ浏览器
  101. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
  102. // 是否为iPad
  103. iPad: u.indexOf('iPad') > -1,
  104. // 是否为web应用程序,没有头部与底部
  105. webApp: u.indexOf('Safari') === -1,
  106. // 是否为微信浏览器
  107. weixin: ~u.indexOf('MicroMessenger'),
  108. // 火狐内核版本
  109. firefoxCore: uLowCase.match(/firefox\/([\d.]+)/),
  110. // chrome内核版本
  111. chromeCore: uLowCase.match(/chrome\/([\d.]+)/),
  112. // webkit内核版本
  113. webkitCore: uLowCase.match(/applewebkit\/([\d.]+)/),
  114. }
  115. }
  116. var broswer = versions()
  117. var dommmm = document.getElementById('broswertips')
  118. if (broswer.trident) {
  119. dommmm.style.display = 'block'
  120. }
  121. // 火狐
  122. else if (broswer.gecko) {
  123. var version = broswer.firefoxCore[1].split(".")[0]
  124. if (Number(version) < 80) {
  125. dommmm.style.display = 'block'
  126. }
  127. }
  128. // 谷歌
  129. else if (broswer.webKit) {
  130. var version = broswer.chromeCore[1].split(".")[0]
  131. if (Number(version) < 69) {
  132. dommmm.style.display = 'block'
  133. }
  134. }
  135. </script>
  136. <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/jquery-2.1.1.min.js" class="build keep"></script>
  137. <div id="app"></div>
  138. </body>
  139. </html>