index.html 5.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <link rel="stylesheet" type="text/css" href="css/style.css" charset="UTF-8" />
  7. <link rel="stylesheet" href="css/mBoxNotice.css" charset="UTF-8" />
  8. <link rel="stylesheet" href="css/mBoxTooltip.css" charset="UTF-8" />
  9. <link rel="stylesheet" href="../o2_lib/element/index.css">
  10. <title>O2</title>
  11. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  12. <style>
  13. .app-menu .el-menu {
  14. border-right: none !important;
  15. }
  16. .app-menu .el-menu-item {
  17. font-size: 12px !important;
  18. min-width: 0px !important;
  19. }
  20. .app-menu .el-submenu__title {
  21. font-size: 12px !important;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div id="layout_main" style="overflow: hidden; height: 100%; background-position-x: center; background-size: cover;">
  27. <div id="layout_top_shim"></div>
  28. <div id="layout_top"></div>
  29. <div id="layout_desktop">
  30. <div id="desktop_content"></div>
  31. <div id="desktop_navi"></div>
  32. </div>
  33. </div>
  34. <div id="loaddingArea" style="z-index: 200001;overflow: hidden;width:0px; height:2px; background-color:#999999; position: absolute; top: 0;"></div>
  35. <div id="browser_loading" style="z-index: 200000;background-image: url(img/loading_home3.gif); background-position: center center; background-repeat: no-repeat; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;background-color: #ffffff"></div>
  36. <div id="appContent" style="overflow: hidden; height: 100%;"></div>
  37. <div id="browser_error" style="overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;background: #f1f1f1">
  38. <div style="height:540px; width: 920px; overflow: hidden; margin: 8% auto;">
  39. <div id="browser_error_area" style="height:540px; width: 920px;"></div>
  40. <div style="height:540px; width: 920px; position: relative; top: -540px">
  41. <div style="background-image: url(img/warn1.png); background-repeat: no-repeat; background-position:center center; width: 90px; height: 80px; float:left; margin-left: 144px; margin-top: 74px"></div>
  42. <div style="color: #333333; width: 530px; height: 80px; float:left; margin-left: 30px; margin-top: 74px; font-size: 28px; line-height: 40px;" id="browser_error_area_text">
  43. 您的浏览器版本过低啦!~系统已经不支持IE9及以下版本了!
  44. </div>
  45. <div style="color: #666666; width: 650px; text-align:center; height: 50px; float:left; margin-left: 144px; margin-top: 60px; font-size: 28px; line-height: 40px; border-bottom: 2px solid #999999" id="browser_error_area_up_text">
  46. 请升级您的浏览器:
  47. </div>
  48. <div style="width: 100px; height: 100px; float:left; margin-left: 144px; margin-top: 20px">
  49. <div style="background-position: center; background-repeat: no-repeat; background-image: url(img/logo_edge.png); width: 100px; height: 100px;"></div>
  50. <div style="width: 100px; height: 40px; font-size: 24px; color: #666666; line-height: 40px; text-align: center">Edge</div>
  51. </div>
  52. <div style="width: 100px; height: 100px; float:left; margin-left: 80px; margin-top: 20px">
  53. <div style="background-position: center; background-repeat: no-repeat;background-image: url(img/logo_chrome.png); width: 100px; height: 100px;"></div>
  54. <div style="width: 100px; height: 40px; font-size: 24px; color: #666666; line-height: 40px; text-align: center">Chrome</div>
  55. </div>
  56. <div style="width: 100px; height: 100px; float:left; margin-left: 80px; margin-top: 20px">
  57. <div style="background-position: center; background-repeat: no-repeat;background-image: url(img/logo_firefox.png); width: 100px; height: 100px;"></div>
  58. <div style="width: 100px; height: 40px; font-size: 24px; color: #666666; line-height: 40px; text-align: center">Firefox</div>
  59. </div>
  60. <div style="width: 100px; height: 100px; float:left; margin-left: 80px; margin-top: 20px">
  61. <div style="background-position: center; background-repeat: no-repeat;background-image: url(img/logo_safari.png); width: 100px; height: 100px;"></div>
  62. <div style="width: 100px; height: 40px; font-size: 24px; color: #666666; line-height: 40px; text-align: center">Safari</div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <script type="javascript">
  68. if (!window.FormData || !window.WebSocket || !window.JSON){
  69. var loadingNode = document.getElementById("browser_loading");
  70. var errorNode = document.getElementById("browser_error");
  71. if (loadingNode) loadingNode.style.display = "none";
  72. if (errorNode) errorNode.style.display = "block";
  73. }
  74. </script>
  75. <script src="../o2_core/o2.min.js"></script>
  76. <script src="js/base.min.js"></script>
  77. <script src="js/x.min.js"></script>
  78. <script src="../o2_lib/vue/vue.js"></script>
  79. <script src="../o2_lib/element/index.js"></script>
  80. <script src="../o2_lib/fontawesome/fontawesome-v5.2.0.js"></script>
  81. </body>
  82. </html>