preview.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. alert('request status: ' + request.status + ', ok: ' + request.ok);
  44. alert('request: ' + request);
  45. // const result = await JSON.parse(request.text());
  46. alert('result: ' + result);
  47. document.title = result.title || `加载完成`;
  48. document.querySelector('.w-e-text-container').innerHTML = result.content || `暂无内容`;
  49. render(result);
  50. } catch (e) {
  51. document.querySelector('.w-e-text-container').innerHTML = e.message || `请求未成功`;
  52. } finally {
  53. document.querySelector('.loader-container').style.display = 'none';
  54. }
  55. }
  56. document.addEventListener('DOMContentLoaded', load);
  57. </script>
  58. </body>
  59. </html>