six.fe
/
health.admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<!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 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>