|
|
@@ -1,57 +1,58 @@
|
|
|
-<!DOCTYPE html>
|
|
|
+<!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 = ``;
|
|
|
+ <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() {
|
|
|
+ /* 渲染 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();
|
|
|
+ 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';
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- async function load() {
|
|
|
- try {
|
|
|
- if (!host) throw { message: `请求地址为空` };
|
|
|
- const request = await fetch(`${host}${location.search}&${location.hash.split('?')[1] || ''}`);
|
|
|
- const result = await request.json();
|
|
|
- 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>
|
|
|
+ document.addEventListener('DOMContentLoaded', load);
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
张田田