数据可视化大屏
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

118 lines
3.9KB

  1. <!doctype html>
  2. <html lang="en" data-critters-container>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>上海发电设备成套设计研究院</title>
  6. <base href="/">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="icon" type="image/x-icon" href="assets/lh-logo.png">
  9. <style type="text/css">
  10. .preloader {
  11. position: fixed;
  12. top: 0;
  13. left: 0;
  14. width: 100%;
  15. height: 100%;
  16. overflow: hidden;
  17. background: #49a9ee;
  18. z-index: 9999;
  19. transition: opacity .65s
  20. }
  21. .preloader-hidden-add {
  22. opacity: 1;
  23. display: block
  24. }
  25. .preloader-hidden-add-active {
  26. opacity: 0
  27. }
  28. .preloader-hidden {
  29. display: none
  30. }
  31. .cs-loader {
  32. position: absolute;
  33. top: 0;
  34. left: 0;
  35. height: 100%;
  36. width: 100%
  37. }
  38. .cs-loader-inner {
  39. transform: translateY(-50%);
  40. top: 50%;
  41. position: absolute;
  42. width: 100%;
  43. color: #fff;
  44. text-align: center
  45. }
  46. .cs-loader-inner label {
  47. font-size: 20px;
  48. opacity: 0;
  49. display: inline-block
  50. }
  51. @keyframes lol {
  52. 0% {
  53. opacity: 0;
  54. transform: translateX(-300px)
  55. }
  56. 33% {
  57. opacity: 1;
  58. transform: translateX(0)
  59. }
  60. 66% {
  61. opacity: 1;
  62. transform: translateX(0)
  63. }
  64. 100% {
  65. opacity: 0;
  66. transform: translateX(300px)
  67. }
  68. }
  69. .cs-loader-inner label:nth-child(6) {
  70. animation: lol 3s infinite ease-in-out
  71. }
  72. .cs-loader-inner label:nth-child(5) {
  73. animation: lol 3s .1s infinite ease-in-out
  74. }
  75. .cs-loader-inner label:nth-child(4) {
  76. animation: lol 3s .2s infinite ease-in-out
  77. }
  78. .cs-loader-inner label:nth-child(3) {
  79. animation: lol 3s .3s infinite ease-in-out
  80. }
  81. .cs-loader-inner label:nth-child(2) {
  82. animation: lol 3s .4s infinite ease-in-out
  83. }
  84. .cs-loader-inner label:nth-child(1) {
  85. animation: lol 3s .5s infinite ease-in-out
  86. }
  87. </style>
  88. <style>html,body{width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0;color:#ffffffd9;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:tabular-nums;line-height:1.5715;background-color:#000;font-feature-settings:"tnum"}label{touch-action:manipulation}html{--antd-wave-shadow-color: #13C2C2;--scroll-bar: 0}body{scrollbar-color:rgba(0,0,0,.3) #6e6e6e;scrollbar-width:thin}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#6e6e6e;outline:1px solid #333}html{touch-action:manipulation;direction:ltr;height:100%}html,body,app-root{height:100%}body{color:#ffffffd9;background-color:#000}
  89. </style><link rel="stylesheet" href="styles-JTMVGPO6.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-JTMVGPO6.css"></noscript><link rel="modulepreload" href="chunk-X6SMTN26.js"><link rel="modulepreload" href="chunk-MRNYEB3J.js"><link rel="modulepreload" href="chunk-WD6SV3WH.js"><link rel="modulepreload" href="chunk-4FFPI7ZP.js"><link rel="modulepreload" href="chunk-VDRVUQCF.js"></head>
  90. <body>
  91. <app-root></app-root>
  92. <div class="preloader">
  93. <div class="cs-loader">
  94. <div class="cs-loader-inner"><label> ●</label><label> ●</label><label> ●</label><label> ●</label><label>
  95. ●</label><label> ●</label></div>
  96. </div>
  97. </div>
  98. <script src="polyfills-RX4V3J3S.js" type="module"></script><script src="scripts-XEF6VACQ.js" defer></script><script src="main-6QANUKNW.js" type="module"></script></body>
  99. </html>