index.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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="stylesheet" type="text/css" href="<%= VUE_APP_STATIC_DIR %>/js/lib/lunpan/hyglobal.min.css?20201226" />
  13. <link rel="icon" href="<%= BASE_URL %>logo.png">
  14. <title>新时代中国网络文明建设成果展云展示</title>
  15. <script>
  16. var _hmt = _hmt || [];
  17. (function () {
  18. var hm = document.createElement("script");
  19. hm.src = "https://hm.baidu.com/hm.js?a1af463bc2692b6861ac40d2e024b07d";
  20. var s = document.getElementsByTagName("script")[0];
  21. s.parentNode.insertBefore(hm, s);
  22. })();
  23. </script>
  24. <style>
  25. .broswertips {
  26. position: fixed;
  27. z-index: 99999999;
  28. width: 100%;
  29. height: 100%;
  30. overflow: hidden;
  31. display: none;
  32. background-repeat: no-repeat;
  33. background-color: #0015bb;
  34. background-size: cover;
  35. background-position: bottom right;
  36. display: flex;
  37. align-items: center;
  38. background-image: url(./tipsimages/bg.jpg);
  39. display: none;
  40. }
  41. .broswertips .h-con {
  42. width: 75%;
  43. margin: 0 auto;
  44. padding-top: 0;
  45. color: #fff;
  46. position: absolute;
  47. top: 50%;
  48. left: 50%;
  49. transform: translate(-50%,-50%);
  50. text-align: center;
  51. }
  52. .broswertips .h-con .h-title {
  53. width: 100%;
  54. }
  55. .broswertips .h-con .h-title>img {
  56. width: 90%;
  57. }
  58. .broswertips .h-con .tunits {
  59. width: 60%;
  60. margin: 40px auto 0;
  61. }
  62. .broswertips .h-con>p {
  63. font-size: 28px;
  64. margin-top: 20vh;
  65. font-weight: normal;
  66. }
  67. .broswertips .h-con>p>span {
  68. display: inline-block;
  69. margin-right: 60px;
  70. }
  71. </style>
  72. </head>
  73. <body>
  74. <script>
  75. with(document)with(body)with(insertBefore(createElement("script"),firstChild))setAttribute("exparams","v_id=&aplus&",id="tb-beacon-aplus",src=(location>"https"?"//js":"//js")+".data.cctv.com/__aplus_plugin_cctv.js,aplus_plugin_aplus_u.js")
  76. </script>
  77. <div class="broswertips" id="broswertips">
  78. <div class="h-con">
  79. <div class="h-title">
  80. <img src="./tipsimages/title.png" alt="" />
  81. </div>
  82. <p>本展览采用三维全景技术呈现,不兼容IE浏览器访问,<br/> 建议使用谷歌、360极速浏览器、火狐等主流浏览器。</p>
  83. </div>
  84. </div>
  85. <script>
  86. function versions() {
  87. var u = window.navigator.userAgent
  88. var uLowCase = u.toLowerCase()
  89. return {
  90. userAgent: u,
  91. // IE内核
  92. trident: u.indexOf('Trident') > -1,
  93. // opera内核
  94. presto: u.indexOf('Presto') > -1,
  95. // 苹果、谷歌内核
  96. webKit: u.indexOf('AppleWebKit') > -1,
  97. // 火狐内核
  98. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1,
  99. // 是否为移动终端 / Tablets use desktop version
  100. mobile: (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) && !(/Tablet|iPad/i.test(navigator.userAgent)),
  101. // ios终端
  102. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  103. // android终端或者uc浏览器
  104. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
  105. // 是否为iPhone或者安卓QQ浏览器
  106. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
  107. // 是否为iPad
  108. iPad: u.indexOf('iPad') > -1,
  109. // 是否为web应用程序,没有头部与底部
  110. webApp: u.indexOf('Safari') === -1,
  111. // 是否为微信浏览器
  112. weixin: ~u.indexOf('MicroMessenger'),
  113. // 火狐内核版本
  114. firefoxCore: uLowCase.match(/firefox\/([\d.]+)/),
  115. // chrome内核版本
  116. chromeCore: uLowCase.match(/chrome\/([\d.]+)/),
  117. // webkit内核版本
  118. webkitCore: uLowCase.match(/applewebkit\/([\d.]+)/),
  119. }
  120. }
  121. var broswer = versions()
  122. var dommmm = document.getElementById('broswertips')
  123. if (broswer.trident) {
  124. dommmm.style.display = 'block'
  125. }
  126. // 火狐
  127. else if (broswer.gecko) {
  128. var version = broswer.firefoxCore[1].split(".")[0]
  129. if (Number(version) < 80) {
  130. dommmm.style.display = 'block'
  131. }
  132. }
  133. // 谷歌
  134. else if (broswer.webKit) {
  135. var version = broswer.chromeCore[1].split(".")[0]
  136. if (Number(version) < 69) {
  137. dommmm.style.display = 'block'
  138. }
  139. }
  140. </script>
  141. <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/jquery-2.1.1.min.js" class="build keep"></script>
  142. <script type="text/javascript" src="https://js.player.cntv.cn/creator/swfobject.js"></script>
  143. <script type="text/javascript" src="https://js.player.cntv.cn/creator/vodplayer.js"></script>
  144. <!-- <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/vodplayer.js"></script> -->
  145. <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/lunpan/jquery.arctext.js"></script>
  146. <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/lunpan/wsruletts.min.js"></script>
  147. <div id="app"></div>
  148. </body>
  149. </html>