index.html 1.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6. <title>干洗护理 诠释新生</title>
  7. <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  8. <style>
  9. .page-loading-wrapper {
  10. position: absolute;
  11. left: 0;
  12. top: 0;
  13. width: 100vw;
  14. height: 100vh;
  15. overflow: hidden;
  16. z-index: 99999;
  17. /* background: url(./images/loadingBgc.jpg) no-repeat 100% 100%; */
  18. display: flex;
  19. /* display: none; */
  20. justify-content: center;
  21. align-items: center;
  22. }
  23. .page-loading {
  24. width: 100vw;
  25. /* height: 100vw; */
  26. }
  27. .page-loading .loading-image {
  28. width: 15vw;
  29. height: 15vw;
  30. animation: loadingrotate 1.5s linear infinite;
  31. margin: auto;
  32. }
  33. .page-loading .loading-tips {
  34. width: 100%;
  35. margin-top: 2em;
  36. }
  37. @keyframes loadingrotate {
  38. 100% {
  39. transform: rotate(360deg);
  40. }
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div class="page-loading-wrapper">
  46. <div class="page-loading">
  47. <div class="loading-image">
  48. <img src="./images/Loading.png" width="100%" alt="">
  49. </div>
  50. </div>
  51. </div>
  52. <div id="app"></div>
  53. <!-- built files will be auto injected -->
  54. </body>
  55. </html>