index.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  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 %>LPC_Logo.png">
  8. <title>AutoCDE</title>
  9. <style>
  10. @font-face {
  11. font-family: 'DS-Digital';
  12. src:url(./static/font/DS-DIGI-1.ttf);
  13. }
  14. .first-loading-wrp {
  15. display: flex;
  16. justify-content: center;
  17. align-items: center;
  18. flex-direction: column;
  19. min-height: 420px;
  20. height: 100%
  21. }
  22. .first-loading-wrp>h1 {
  23. font-size: 128px
  24. }
  25. .first-loading-wrp .loading-wrp {
  26. padding: 98px;
  27. display: flex;
  28. justify-content: center;
  29. align-items: center
  30. }
  31. .dot {
  32. animation: antRotate 1.2s infinite linear;
  33. transform: rotate(45deg);
  34. position: relative;
  35. display: inline-block;
  36. font-size: 32px;
  37. width: 32px;
  38. height: 32px;
  39. box-sizing: border-box
  40. }
  41. .dot i {
  42. width: 14px;
  43. height: 14px;
  44. position: absolute;
  45. display: block;
  46. background-color: #1890ff;
  47. border-radius: 100%;
  48. transform: scale(.75);
  49. transform-origin: 50% 50%;
  50. opacity: .3;
  51. animation: antSpinMove 1s infinite linear alternate
  52. }
  53. .dot i:nth-child(1) {
  54. top: 0;
  55. left: 0
  56. }
  57. .dot i:nth-child(2) {
  58. top: 0;
  59. right: 0;
  60. -webkit-animation-delay: .4s;
  61. animation-delay: .4s
  62. }
  63. .dot i:nth-child(3) {
  64. right: 0;
  65. bottom: 0;
  66. -webkit-animation-delay: .8s;
  67. animation-delay: .8s
  68. }
  69. .dot i:nth-child(4) {
  70. bottom: 0;
  71. left: 0;
  72. -webkit-animation-delay: 1.2s;
  73. animation-delay: 1.2s
  74. }
  75. @keyframes antRotate {
  76. to {
  77. -webkit-transform: rotate(405deg);
  78. transform: rotate(405deg)
  79. }
  80. }
  81. @-webkit-keyframes antRotate {
  82. to {
  83. -webkit-transform: rotate(405deg);
  84. transform: rotate(405deg)
  85. }
  86. }
  87. @keyframes antSpinMove {
  88. to {
  89. opacity: 1
  90. }
  91. }
  92. @-webkit-keyframes antSpinMove {
  93. to {
  94. opacity: 1
  95. }
  96. }
  97. </style>
  98. <!-- require cdn assets css -->
  99. </head>
  100. <body>
  101. <noscript>
  102. <strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to
  103. continue.</strong>
  104. </noscript>
  105. <div id="app">
  106. <div class="first-loading-wrp">
  107. <h1>AutoCDE</h1>
  108. <div class="loading-wrp">
  109. <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
  110. </div>
  111. <div style="display: flex; justify-content: center; align-items: center;">Llewellyn & Partners Co. Ltd.</div>
  112. </div>
  113. </div>
  114. <link rel="stylesheet" href="/static/iconfont/iconfont.css">
  115. <!-- 腾讯云对象存储 -->
  116. <script type="text/javascript" src="/static/cos-js-sdk-v5.min.js"></script>
  117. <!-- 葛兰岱尔引擎 -->
  118. <link rel="stylesheet" href="/static/Cesium/Widgets/widgets.css" />
  119. <!-- <script src="/static/Cesium/Cesium.js"></script>
  120. <script src="/static/Cesium/BIMGISEngine_edit.js"></script>
  121. <script src="/static/Cesium/BIMGISEngine_UE.js"></script> -->
  122. </body>
  123. </html>