preview.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>加载中...</title>
  7. <link href="preview.css" rel="stylesheet" />
  8. <link href="loader.css" rel="stylesheet" />
  9. <style>
  10. html,
  11. body {
  12. margin: 0;
  13. padding: 0;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <div class="loader-container">
  19. <div></div>
  20. <div></div>
  21. <div></div>
  22. <div></div>
  23. <div></div>
  24. <div></div>
  25. <div></div>
  26. </div>
  27. <div class="editor-generate-preview-wrapper">
  28. <div class="header"></div>
  29. <div class="content w-e-text-container"></div>
  30. <div class="footer"></div>
  31. </div>
  32. <script>
  33. // const host = `./mock.json`;
  34. /* 渲染 header 和 footer */
  35. function render() {}
  36. async function load() {
  37. try {
  38. // if (!host) throw { message: `请求地址为空` };
  39. const hashParams = location.hash.split('?')[1];
  40. const queryString = location.search || (hashParams ? `?${hashParams}` : '');
  41. const request = await fetch(`${location.origin}/manager/fdhb-mobile/psarticle/getPsarticleDetailById${queryString}`);
  42. const result = await request.json();
  43. document.title = result.title || `加载完成`;
  44. document.querySelector('.w-e-text-container').innerHTML = result.content || `暂无内容`;
  45. render(result);
  46. } catch (e) {
  47. document.querySelector('.w-e-text-container').innerHTML = e.message || `请求未成功`;
  48. } finally {
  49. document.querySelector('.loader-container').style.display = 'none';
  50. }
  51. }
  52. document.addEventListener('DOMContentLoaded', load);
  53. </script>
  54. </body>
  55. </html>