index.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta name="referrer" content="no-referrer"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/manage/logo.png"><title></title><style>.first-loading-wrp {
  2. display: flex;
  3. justify-content: center;
  4. align-items: center;
  5. flex-direction: column;
  6. min-height: 420px;
  7. height: 100%
  8. }
  9. .first-loading-wrp>h1 {
  10. font-size: 128px;
  11. color: transparent
  12. }
  13. .first-loading-wrp .loading-wrp {
  14. padding: 98px;
  15. display: flex;
  16. justify-content: center;
  17. align-items: center
  18. }
  19. .dot {
  20. animation: antRotate 1.2s infinite linear;
  21. transform: rotate(45deg);
  22. position: relative;
  23. display: inline-block;
  24. font-size: 32px;
  25. width: 32px;
  26. height: 32px;
  27. box-sizing: border-box
  28. }
  29. .dot i {
  30. width: 14px;
  31. height: 14px;
  32. position: absolute;
  33. display: block;
  34. background-color: #1890ff;
  35. border-radius: 100%;
  36. transform: scale(.75);
  37. transform-origin: 50% 50%;
  38. opacity: .3;
  39. animation: antSpinMove 1s infinite linear alternate
  40. }
  41. .dot i:nth-child(1) {
  42. top: 0;
  43. left: 0
  44. }
  45. .dot i:nth-child(2) {
  46. top: 0;
  47. right: 0;
  48. -webkit-animation-delay: .4s;
  49. animation-delay: .4s
  50. }
  51. .dot i:nth-child(3) {
  52. right: 0;
  53. bottom: 0;
  54. -webkit-animation-delay: .8s;
  55. animation-delay: .8s
  56. }
  57. .dot i:nth-child(4) {
  58. bottom: 0;
  59. left: 0;
  60. -webkit-animation-delay: 1.2s;
  61. animation-delay: 1.2s
  62. }
  63. @keyframes antRotate {
  64. to {
  65. -webkit-transform: rotate(405deg);
  66. transform: rotate(405deg)
  67. }
  68. }
  69. @-webkit-keyframes antRotate {
  70. to {
  71. -webkit-transform: rotate(405deg);
  72. transform: rotate(405deg)
  73. }
  74. }
  75. @keyframes antSpinMove {
  76. to {
  77. opacity: 1
  78. }
  79. }
  80. @-webkit-keyframes antSpinMove {
  81. to {
  82. opacity: 1
  83. }
  84. }</style><link href="/manage/css/chunk-017d8e06.651afe14.css" rel="prefetch"><link href="/manage/css/chunk-0fa719cc.0f51d042.css" rel="prefetch"><link href="/manage/css/fail.ed8fe371.css" rel="prefetch"><link href="/manage/js/chunk-017d8e06.9a80da84.js" rel="prefetch"><link href="/manage/js/chunk-0fa719cc.72f26c38.js" rel="prefetch"><link href="/manage/js/fail.fbc6c83a.js" rel="prefetch"><link href="/manage/css/app.32bc2cef.css" rel="preload" as="style"><link href="/manage/css/chunk-vendors.1c793d9d.css" rel="preload" as="style"><link href="/manage/js/app.a4647535.js" rel="preload" as="script"><link href="/manage/js/chunk-vendors.db4ea936.js" rel="preload" as="script"><link href="/manage/css/chunk-vendors.1c793d9d.css" rel="stylesheet"><link href="/manage/css/app.32bc2cef.css" rel="stylesheet"></head><body><noscript><strong>很抱歉,如果不启用JavaScript,本系统无法正常工作。 请启用它以继续。</strong></noscript><div id="app"><div class="first-loading-wrp"><h1></h1><div class="loading-wrp"><span class="dot dot-spin"><i></i><i></i><i></i><i></i></span></div></div></div><script src=""></script><script src="./vue.runtime.min.js"></script><script src="./moment.js"></script><script src="/manage/js/chunk-vendors.db4ea936.js"></script><script src="/manage/js/app.a4647535.js"></script></body></html>