master

分支 (1)

管理

管理

master

sheep-admin
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="referer" content="never" />
  <meta name="renderer" content="webkit" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0" />
  <title>...</title>
  <link rel="icon" href="/favicon.ico" />

  <style>
    html,
    body,
    #app {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .preload {
      display: flex;
      flex-direction: column;
      height: 100%;
      letter-spacing: 1px;
      background-color: #f0f0f4;
    }

    .dark {
      background-color: #1f1f1f;
    }

    .preload .container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      user-select: none;
      flex-grow: 1;
    }

    .preload .name {
      width: 198px;
      height: 24px;
      margin-bottom: 32px;
    }

    .preload .name-light {
      display: block;
    }

    .preload .name-dark {
      display: none;
    }

    .dark .name-light {
      display: none;
    }

    .dark .name-dark {
      display: block;
    }

    .preload .logo {
      width: 48px;
      height: 48px;
      margin-bottom: 24px;
    }

    .preload .title {
      color: #262626;
      font-size: 14px;
      width: fit-content;
      height: 20px;
      line-height: 20px;
      margin-bottom: 16px;
    }

    .dark .title {
      color: #f3f3f3;
    }

    .preload .sub-title {
      color: #8c8c8c;
      font-size: 12px;
    }

    .dark .sub-title {
      color: #bfbfbf;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="preload">
      <div class="container">
        <img class="name name-light" src="/static/images/loading/name-light.png" />
        <img class="name name-dark" src="/static/images/loading/name-dark.png" />
        <img class="logo" src="/static/images/loading/logo.gif" />
        <p class="title">正在加载资源...</p>
        <p class="sub-title">初次加载资源可能需要较多时间 请耐心等待</p>
      </div>
    </div>
  </div>
  <script type="module" src="/src/main.js"></script>
</body>
<script>
  document.querySelector(".preload").className = `preload ${JSON.parse(localStorage.getItem("_SA_darkMode"))?.data
    }`;
</script>
<style>
  /* 去除浏览器表单自动填充样式*/
  input:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
  }

  input {
    background-color: transparent;
  }
</style>

</html>