index.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="referer" content="never" />
  7. <meta name="renderer" content="webkit" />
  8. <meta name="viewport" content />
  9. <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
  10. <link rel="stylesheet" type="text/css" media="print" href="<%= BASE_URL %>print-lock.css">
  11. <title>销花宝</title>
  12. <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
  13. <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="stylesheet" />
  14. <% } %>
  15. <style>
  16. html,
  17. body,
  18. #app {
  19. height: 100%;
  20. margin: 0;
  21. padding: 0;
  22. }
  23. .once {
  24. background-color: #303133;
  25. height: 100%;
  26. display: flex;
  27. flex-direction: column;
  28. }
  29. .once .container {
  30. user-select: none;
  31. width: 100%;
  32. flex-grow: 1;
  33. display: flex;
  34. justify-content: center;
  35. align-items: center;
  36. flex-direction: column;
  37. }
  38. .once .footer {
  39. text-align: center;
  40. padding: 10px 0;
  41. }
  42. .once .footer a {
  43. font-size: 12px;
  44. color: #ababab;
  45. text-decoration: none;
  46. }
  47. .once .title {
  48. color: #fff;
  49. font-size: 14px;
  50. margin-bottom: 10px;
  51. }
  52. .once .sub-title {
  53. color: #ababab;
  54. font-size: 12px;
  55. }
  56. </style>
  57. </head>
  58. <body>
  59. <noscript>
  60. <!-- <strong
  61. >We're sorry but 花卉宝 doesn't work properly without JavaScript enabled. Please
  62. enable it to continue.</strong
  63. > -->
  64. </noscript>
  65. <div id="app">
  66. <div class="once">
  67. <div class="container">
  68. <div class="title">
  69. 正在加载资源
  70. </div>
  71. <div class="sub-title">
  72. 初次加载资源可能需要较多时间 请耐心等待
  73. </div>
  74. </div>
  75. <div class="footer">
  76. <a href="https://www.baidu.com/" target="_blank">
  77. 花卉宝
  78. </a>
  79. </div>
  80. </div>
  81. </div>
  82. <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
  83. <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
  84. <% } %>
  85. </body>
  86. </html>