index.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html lang="zh-cmn-Hans">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <link rel="icon" href="<%= BASE_URL %>logo.png">
  8. <title>灏思(广州)信息科技</title>
  9. <style>
  10. .first-loading-wrp {
  11. display: flex;
  12. justify-content: center;
  13. align-items: center;
  14. flex-direction: column;
  15. min-height: 420px;
  16. height: 100%
  17. }
  18. .first-loading-wrp>h1 {
  19. font-size: 128px
  20. }
  21. .first-loading-wrp .loading-wrp {
  22. padding: 98px;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center
  26. }
  27. .dot {
  28. animation: antRotate 1.2s infinite linear;
  29. transform: rotate(45deg);
  30. position: relative;
  31. display: inline-block;
  32. font-size: 32px;
  33. width: 32px;
  34. height: 32px;
  35. box-sizing: border-box
  36. }
  37. .dot i {
  38. width: 14px;
  39. height: 14px;
  40. position: absolute;
  41. display: block;
  42. background-color: #1890ff;
  43. border-radius: 100%;
  44. transform: scale(.75);
  45. transform-origin: 50% 50%;
  46. opacity: .3;
  47. animation: antSpinMove 1s infinite linear alternate
  48. }
  49. .dot i:nth-child(1) {
  50. top: 0;
  51. left: 0
  52. }
  53. .dot i:nth-child(2) {
  54. top: 0;
  55. right: 0;
  56. -webkit-animation-delay: .4s;
  57. animation-delay: .4s
  58. }
  59. .dot i:nth-child(3) {
  60. right: 0;
  61. bottom: 0;
  62. -webkit-animation-delay: .8s;
  63. animation-delay: .8s
  64. }
  65. .dot i:nth-child(4) {
  66. bottom: 0;
  67. left: 0;
  68. -webkit-animation-delay: 1.2s;
  69. animation-delay: 1.2s
  70. }
  71. @keyframes antRotate {
  72. to {
  73. -webkit-transform: rotate(405deg);
  74. transform: rotate(405deg)
  75. }
  76. }
  77. @-webkit-keyframes antRotate {
  78. to {
  79. -webkit-transform: rotate(405deg);
  80. transform: rotate(405deg)
  81. }
  82. }
  83. @keyframes antSpinMove {
  84. to {
  85. opacity: 1
  86. }
  87. }
  88. @-webkit-keyframes antSpinMove {
  89. to {
  90. opacity: 1
  91. }
  92. }
  93. </style>
  94. <!-- require cdn assets css -->
  95. </head>
  96. <body>
  97. <noscript>
  98. <strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to
  99. continue.</strong>
  100. </noscript>
  101. <div id="app">
  102. <div class="first-loading-wrp">
  103. <h1>AutoCDE</h1>
  104. <div class="loading-wrp">
  105. <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
  106. </div>
  107. <div style="display: flex; justify-content: center; align-items: center;">Llewellyn & Partners Co. Ltd.</div>
  108. </div>
  109. </div>
  110. <!-- require cdn assets js -->
  111. <script async type="text/javascript" src="https://demo.bjblackhole.com/BlackHole3.0/sdk/RealBIMWeb.js"></script>
  112. <script async type="text/javascript" src="https://demo.bjblackhole.com/BlackHole3.0/sdk/BlackHole3D.js"></script>
  113. <!-- <script async type="text/javascript" src="https://demo.bjblackhole.com/BlackHole3.0/js/Engine.js"></script> -->
  114. <script type="text/javascript" src="https://dev-1322828622.cos.ap-guangzhou.myqcloud.com/gelanjs/Cesium.js"></script>
  115. <script type="text/javascript" src="https://dev-1322828622.cos.ap-guangzhou.myqcloud.com/gelanjs/BIMGISEngine_UE.js"></script>
  116. <script type="text/javascript" src="https://dev-1322828622.cos.ap-guangzhou.myqcloud.com/gelanjs/BIMGISEngine.Reviewer.js"></script>
  117. <!-- built files will be auto injected -->
  118. </body>
  119. </html>