index.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="force-rendering" content="webkit" />
  6. <meta name="renderer" content="webkit" />
  7. <meta name="format-detection" content="telephone=no">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport"
  10. content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
  11. <title>功道云</title>
  12. <script
  13. src="https://at.alicdn.com/t/c/font_3688269_h7ynmhqwysu.js?spm=a313x.7781069.1998910419.80&file=font_3688269_h7ynmhqwysu.js"></script>
  14. <script src="static/js/polyfill.min.js"></script>
  15. <!-- 使用更稳定的PDF.js版本 -->
  16. <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.min.js"></script>
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
  18. <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.4.17/mammoth.browser.min.js"></script>
  19. <style>
  20. .chromLink {
  21. width: 163px;
  22. height: 66px;
  23. position: absolute;
  24. left: 50%;
  25. top: 450px;
  26. margin-left: -170px;
  27. cursor: pointer;
  28. background-color: blue;
  29. -khtml-opacity: 0;
  30. -moz-opacity: 0;
  31. filter: alpha(opacity=0);
  32. filter: "alpha(opacity=0)";
  33. opacity: 0;
  34. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  35. }
  36. .firefoxLink {
  37. width: 163px;
  38. height: 66px;
  39. position: absolute;
  40. left: 50%;
  41. top: 450px;
  42. cursor: pointer;
  43. margin-left: 9px;
  44. background-color: pink;
  45. filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  46. -khtml-opacity: 0;
  47. -moz-opacity: 0;
  48. filter: alpha(opacity=0);
  49. filter: "alpha(opacity=0)";
  50. opacity: 0;
  51. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  52. }
  53. </style>
  54. </head>
  55. <body>
  56. <div style="position: absolute; top:-100000px; left:-100000px;">
  57. <input type="text">
  58. <input type="password">
  59. </div>
  60. <div id="app"></div>
  61. <div id='ie_tip' style='display:none'><img style='position:absolute;left:50%;margin-left:-366px;'
  62. src='static/images/ltIE9.png'><a
  63. href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank'
  64. class='chromLink'></a><a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8'
  65. target='_blank' class='firefoxLink'></a></div>
  66. <!-- built files will be auto injected -->
  67. </body>
  68. <script>
  69. (function (window) { // ie9以下浏览器
  70. var theUA = window.navigator.userAgent.toLowerCase();
  71. if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
  72. var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
  73. if (ieVersion < 9) {
  74. var app = document.getElementById("app")
  75. var ie_tip = document.getElementById("ie_tip")
  76. ie_tip.style.display = 'block';
  77. app.appendChild(ie_tip)
  78. };
  79. }
  80. })(window);
  81. </script>
  82. </html>