preloading.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536
  1. window.onload = function () {
  2. // if(this.sessionStorage.getItem("preloading")) return
  3. let pre = document.getElementById('pre')
  4. if (!pre) {
  5. let pre = document.createElement("div")
  6. pre.setAttribute('id', 'pre')
  7. pre.setAttribute('style', 'position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; ')
  8. let cover = document.createElement('div')
  9. cover.setAttribute('style', 'background-color: rgba(0, 0, 0, .8); width: 100%; height: 100%;')
  10. let loading = document.createElement('div')
  11. loading.setAttribute('style', 'position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);')
  12. let icon = document.createElement('div')
  13. icon.setAttribute('class','line-scale');
  14. for (let i = 0; i < 5; i++) {
  15. let div = document.createElement('div');
  16. icon.appendChild(div);
  17. }
  18. loading.appendChild(icon)
  19. cover.appendChild(loading)
  20. pre.appendChild(cover)
  21. document.body.appendChild(pre)
  22. let preCss = document.createElement("link");
  23. preCss.setAttribute("href","/preloading.css");
  24. preCss.setAttribute("rel","stylesheet");
  25. preCss.setAttribute("type","text/css");
  26. let head = document.getElementsByTagName("head");
  27. head[0].appendChild(preCss);
  28. }
  29. let chunk = document.createElement("script")
  30. chunk.setAttribute("src", "/js/chunk-vendors.3c13fdca.js") // 同步
  31. document.body.appendChild(chunk)
  32. let app = document.createElement("script")
  33. app.setAttribute("src", "/js/app.75c8728b.js") // 同步
  34. document.body.appendChild(app)
  35. }