mobile.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html lang="zn">
  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. <script>
  25. var _hmt = _hmt || [];
  26. (function () {
  27. var hm = document.createElement("script");
  28. hm.src = "https://hm.baidu.com/hm.js?a1af463bc2692b6861ac40d2e024b07d";
  29. var s = document.getElementsByTagName("script")[0];
  30. s.parentNode.insertBefore(hm, s);
  31. })();
  32. </script>
  33. <style>
  34. .broswertips {
  35. position: fixed;
  36. z-index: 99999999;
  37. width: 100%;
  38. height: 100%;
  39. overflow: hidden;
  40. display: none;
  41. background-repeat: no-repeat;
  42. background-color: #0015bb;
  43. background-size: cover;
  44. background-position: bottom right;
  45. display: flex;
  46. align-items: center;
  47. background-image: url(./tipsimages/mob_bg.jpg);
  48. display: none;
  49. }
  50. .broswertips .h-con {
  51. width: 80%;
  52. margin: 0 auto;
  53. padding-top: 0;
  54. color: #fff;
  55. position: absolute;
  56. top: 50%;
  57. left: 50%;
  58. transform: translate(-50%, -50%);
  59. text-align: center;
  60. }
  61. .broswertips .h-con .h-title {
  62. width: 100%;
  63. }
  64. .broswertips .h-con .h-title>img {
  65. width: 100%;
  66. }
  67. .broswertips .h-con .tunits {
  68. width: 60%;
  69. margin: 40px auto 0;
  70. }
  71. .broswertips .h-con>p {
  72. font-size: 20px;
  73. margin-top: 20vh;
  74. line-height: 2;
  75. font-weight: normal;
  76. }
  77. .broswertips .h-con>p>span {
  78. display: inline-block;
  79. margin-right: 60px;
  80. }
  81. @media screen and (max-width: 333px) and (max-height: 569px) {
  82. .broswertips {
  83. display: flex;
  84. }
  85. .broswertips .h-con>p{
  86. font-size: 16px;
  87. }
  88. }
  89. </style>
  90. </head>
  91. <body>
  92. <script>
  93. 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")
  94. </script>
  95. <div class="broswertips" id="broswertips">
  96. <div class="h-con">
  97. <div class="h-title">
  98. <img src="./tipsimages/mobile_title.png" alt="" />
  99. </div>
  100. <p>当前屏幕尺寸不兼容,<br />请使用大屏手机或电脑观看。</p>
  101. </div>
  102. </div>
  103. <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/jquery-2.1.1.min.js" class="build keep"></script>
  104. <script type="text/javascript" src="https://js.player.cntv.cn/creator/swfobject.js"></script>
  105. <script type="text/javascript" src="https://js.player.cntv.cn/creator/vodplayer.js"></script>
  106. <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/lunpan/jquery.arctext.js"></script>
  107. <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/lunpan/wsruletts.min.js"></script>
  108. <div id="app"></div>
  109. </body>
  110. </html>