index.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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 http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no,minimum-scale=1.0">
  9. <title>功道云-积分系统用户登录</title>
  10. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  11. <script type="text/javascript" src="//open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>
  12. <script src="static/js/polyfill.min.js"></script>
  13. <!-- <script>
  14. /**
  15. * wx.config 参数
  16. *
  17. * @see https://open.work.weixin.qq.com/api/doc/90001/90144/90547
  18. */
  19. window.configParams = { /* ... */ }
  20. /**
  21. * wx.agentConfig 参数
  22. *
  23. * @see https://open.work.weixin.qq.com/api/doc/90001/90144/90548
  24. */
  25. window.agentConfigParams = { /* ... */ }
  26. </script> -->
  27. <style>
  28. .chromLink {
  29. width: 163px;
  30. height: 66px;
  31. position: absolute;
  32. left: 50%;
  33. top: 450px;
  34. margin-left: -170px;
  35. cursor: pointer;
  36. background-color: blue;
  37. -khtml-opacity: 0;
  38. -moz-opacity: 0;
  39. filter: alpha(opacity=0);
  40. filter: "alpha(opacity=0)";
  41. opacity: 0;
  42. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  43. }
  44. .firefoxLink {
  45. width: 163px;
  46. height: 66px;
  47. position: absolute;
  48. left: 50%;
  49. top: 450px;
  50. cursor: pointer;
  51. margin-left: 9px;
  52. background-color: pink;
  53. filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  54. -khtml-opacity: 0;
  55. -moz-opacity: 0;
  56. filter: alpha(opacity=0);
  57. filter: "alpha(opacity=0)";
  58. opacity: 0;
  59. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div style="position: absolute; top:-100000px; left:-100000px;">
  65. <input type="text">
  66. <input type="password">
  67. </div>
  68. <div id="app"></div>
  69. <div id='ie_tip' style='display:none'><img style='position:absolute;left:50%;margin-left:-366px;' src='/static/images/ltIE9.png'><a
  70. 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' class='chromLink'></a><a
  71. 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' target='_blank' class='firefoxLink'></a></div>
  72. <!-- built files will be auto injected -->
  73. </body>
  74. <script>
  75. (function (window) { // ie9以下浏览器
  76. var theUA = window.navigator.userAgent.toLowerCase();
  77. if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
  78. var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
  79. if (ieVersion < 9) {
  80. // document.writeln("<img style='position:absolute;left:50%;margin-left:-366px;' src='./static/images/ltIE9.png'><a 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' 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' target='_blank' class='firefoxLink'></a>");
  81. // document.execCommand("Stop");
  82. var app = document.getElementById("app")
  83. var ie_tip = document.getElementById("ie_tip")
  84. ie_tip.style.display = 'block';
  85. app.appendChild(ie_tip)
  86. };
  87. }
  88. })(window);
  89. </script>
  90. </html>