| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <!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}` : '');
- const request = await fetch(`${location.origin}/manager/fdhb-mobile/psarticle/getPsarticleDetailById${queryString}`);
- const result = await request.json();
- alert('request status: ' + request.status + ', ok: ' + request.ok);
- alert('request: ' + request);
- // const result = await JSON.parse(request.text());
- alert('result: ' + result);
- document.title = result.title || `加载完成`;
- document.querySelector('.w-e-text-container').innerHTML = result.content || `暂无内容`;
- render(result);
- } 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>
|