| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>加载中...</title>
- <link href="preview.css" rel="stylesheet" />
- <link href="loader.css" rel="stylesheet" />
- <style>
- html,
- body {
- margin: 0;
- padding: 0;
- }
- </style>
- </head>
- <body>
- <div class="loader-container">
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- </div>
- <div class="editor-generate-preview-wrapper">
- <div class="header"></div>
- <div class="content w-e-text-container"></div>
- <div class="footer"></div>
- </div>
- <script>
- // const host = `./mock.json`;
- /* 渲染 header 和 footer */
- function render() {}
- async function load() {
- try {
- // if (!host) throw { message: `请求地址为空` };
- const hashParams = location.hash.split('?')[1];
- const queryString = location.search || (hashParams ? `?${hashParams}` : '');
- // alert('queryString: ' + queryString);
- const request = await fetch(`${location.origin}/manager/fdhb-mobile/psarticle/getPsarticleDetailById${queryString}`);
- if (!request.ok) {
- throw new Error(`请求失败: ${request.status}`);
- }
- const result = await request.json();
- if (!result.success || result.code !== 200) {
- throw new Error(result.msg || '请求未成功');
- }
- // alert('request status: ' + request.status + ', ok: ' + request.ok);
- // alert('request: ' + result);
- const data = result.data;
- // alert('result: ' + data.title);
- document.title = data.title || `加载完成`;
- document.querySelector('.w-e-text-container').innerHTML = decodeURIComponent(data?.content) || `暂无内容`;
- render(data);
- } catch (e) {
- document.querySelector('.w-e-text-container').innerHTML = e.message || `请求未成功`;
- } finally {
- document.querySelector('.loader-container').style.display = 'none';
- }
- }
- document.addEventListener('DOMContentLoaded', load);
- </script>
- </body>
- </html>
|