vue-vben-admin/index.html

<!doctype html>
<html lang="zh" id="htmlRoot">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <title><%= VITE_GLOB_APP_TITLE %></title>
    <link rel="icon" href="/favicon.ico" />
  </head>
  <body>
    <div id="app">
      <style>
        html {
          /* same as ant-design-vue/dist/reset.css setting, avoid the title line-height changed */
          line-height: 1.15;
        }

        html[data-theme='dark'] .app-loading {
          background-color: #2c344a;
        }

        html[data-theme='dark'] .app-loading .app-loading-title {
          color: rgb(255 255 255 / 85%);
        }

        .app-loading {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          background-color: #f4f7f9;
        }

        .app-loading .app-loading-wrap {
          display: flex;
          position: absolute;
          top: 50%;
          left: 50%;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          transform: translate3d(-50%, -50%, 0);
        }

        .app-loading .dots {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 98px;
        }

        .app-loading .app-loading-title {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 30px;
          color: rgb(0 0 0 / 85%);
          font-size: 30px;
        }

        .app-loading .app-loading-logo {
          display: block;
          width: 90px;
          margin: 0 auto;
          margin-bottom: 20px;
        }

        .dot {
          display: inline-block;
          position: relative;
          box-sizing: border-box;
          width: 48px;
          height: 48px;
          margin-top: 30px;
          transform: rotate(45deg);
          animation: ant-rotate 1.2s infinite linear;
          font-size: 32px;
        }

        .dot i {
          display: block;
          position: absolute;
          width: 20px;
          height: 20px;
          transform: scale(0.75);
          transform-origin: 50% 50%;
          animation: ant-spin-move 1s infinite linear alternate;
          border-radius: 100%;
          opacity: 0.3;
          background-color: #0065cc;
        }

        .dot i:nth-child(1) {
          top: 0;
          left: 0;
        }

        .dot i:nth-child(2) {
          top: 0;
          right: 0;
          animation-delay: 0.4s;
        }

        .dot i:nth-child(3) {
          right: 0;
          bottom: 0;
          animation-delay: 0.8s;
        }

        .dot i:nth-child(4) {
          bottom: 0;
          left: 0;
          animation-delay: 1.2s;
        }

        @keyframes ant-rotate {
          to {
            transform: rotate(405deg);
          }
        }

        @keyframes ant-spin-move {
          to {
            opacity: 1;
          }
        }
      </style>
      <div class="app-loading">
        <div class="app-loading-wrap">
          <img src="/logo.png" class="app-loading-logo" alt="Logo" />
          <div class="app-loading-dots">
            <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
          </div>
          <div class="app-loading-title"><%= VITE_GLOB_APP_TITLE %></div>
        </div>
      </div>
    </div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
chore: update deps (#3465) * chore: update deps * fix: eslint * chore: update deps * chore: stylelint v16 * fix: stylelint * fix: typecheck * chore: node v18.12.0 * fix: type * fix: style * chore: up vue 3.4.3 * chore: prettier format --------- Co-authored-by: invalid w <wangjuesix@gmail.com> 2024-01-05 09:45:30 +08:00			`<!doctype html>`
			`<html lang="zh" id="htmlRoot">`
initial commit 2020-09-28 20:19:10 +08:00			`<head>`
			`<meta charset="UTF-8" />`
feat: the production environment can be dynamically configured 2020-10-13 01:40:21 +08:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />`
			`<meta name="renderer" content="webkit" />`
			`<meta`
			`name="viewport"`
			`content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"`
			`/>`
perf: Refactor vite configuration 2023-04-05 00:20:48 +08:00			`<title><%= VITE_GLOB_APP_TITLE %></title>`
initial commit 2020-09-28 20:19:10 +08:00			`<link rel="icon" href="/favicon.ico" />`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`</head>`
			`<body>`
			`<div id="app">`
			`<style>`
fix: 修复index.html加载文字偏移的问题 (#3306) 2023-11-21 18:39:13 +08:00			`html {`
			`/* same as ant-design-vue/dist/reset.css setting, avoid the title line-height changed */`
			`line-height: 1.15;`
			`}`

feat: dark mode 2021-04-07 23:14:51 +08:00			`html[data-theme='dark'] .app-loading {`
style: background to background-color 2021-04-13 21:43:10 +08:00			`background-color: #2c344a;`
feat: dark mode 2021-04-07 23:14:51 +08:00			`}`

			`html[data-theme='dark'] .app-loading .app-loading-title {`
fix: Fix stylelint does not support html files 2021-11-10 23:24:03 +08:00			`color: rgb(255 255 255 / 85%);`
feat: dark mode 2021-04-07 23:14:51 +08:00			`}`

refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.app-loading {`
			`display: flex;`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`flex-direction: column;`
			`align-items: center;`
			`justify-content: center;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`width: 100%;`
			`height: 100%;`
style: background to background-color 2021-04-13 21:43:10 +08:00			`background-color: #f4f7f9;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`
feat: first screen loading waiting animation 2020-10-12 00:38:22 +08:00
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.app-loading .app-loading-wrap {`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`display: flex;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`position: absolute;`
			`top: 50%;`
			`left: 50%;`
			`flex-direction: column;`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`align-items: center;`
			`justify-content: center;`
			`transform: translate3d(-50%, -50%, 0);`
feat: first screen loading waiting animation 2020-10-12 00:38:22 +08:00			`}`

refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.app-loading .dots {`
			`display: flex;`
			`align-items: center;`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`justify-content: center;`
			`padding: 98px;`
feat: first screen loading waiting animation 2020-10-12 00:38:22 +08:00			`}`

refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.app-loading .app-loading-title {`
			`display: flex;`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`align-items: center;`
			`justify-content: center;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`margin-top: 30px;`
fix: Fix stylelint does not support html files 2021-11-10 23:24:03 +08:00			`color: rgb(0 0 0 / 85%);`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`font-size: 30px;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`
feat: first screen loading waiting animation 2020-10-12 00:38:22 +08:00
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.app-loading .app-loading-logo {`
			`display: block;`
			`width: 90px;`
			`margin: 0 auto;`
			`margin-bottom: 20px;`
			`}`
feat: first screen loading waiting animation 2020-10-12 00:38:22 +08:00
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.dot {`
			`display: inline-block;`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`position: relative;`
			`box-sizing: border-box;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`width: 48px;`
			`height: 48px;`
			`margin-top: 30px;`
			`transform: rotate(45deg);`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`animation: ant-rotate 1.2s infinite linear;`
			`font-size: 32px;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`
feat: global loading add text 2020-11-01 13:22:31 +08:00
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.dot i {`
			`display: block;`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`position: absolute;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`width: 20px;`
			`height: 20px;`
			`transform: scale(0.75);`
			`transform-origin: 50% 50%;`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`animation: ant-spin-move 1s infinite linear alternate;`
			`border-radius: 100%;`
			`opacity: 0.3;`
			`background-color: #0065cc;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`
feat: global loading add text 2020-11-01 13:22:31 +08:00
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`.dot i:nth-child(1) {`
			`top: 0;`
			`left: 0;`
			`}`

			`.dot i:nth-child(2) {`
			`top: 0;`
			`right: 0;`
fix: Fix stylelint does not support html files 2021-11-10 23:24:03 +08:00			`animation-delay: 0.4s;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`

			`.dot i:nth-child(3) {`
			`right: 0;`
			`bottom: 0;`
fix: Fix stylelint does not support html files 2021-11-10 23:24:03 +08:00			`animation-delay: 0.8s;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`

			`.dot i:nth-child(4) {`
			`bottom: 0;`
			`left: 0;`
fix: Fix stylelint does not support html files 2021-11-10 23:24:03 +08:00			`animation-delay: 1.2s;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`
chore: Extract lint config 2023-04-04 16:55:34 +08:00
			`@keyframes ant-rotate {`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`to {`
fix: Fix stylelint does not support html files 2021-11-10 23:24:03 +08:00			`transform: rotate(405deg);`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`
			`}`
chore: Extract lint config 2023-04-04 16:55:34 +08:00
			`@keyframes ant-spin-move {`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`to {`
chore: Extract lint config 2023-04-04 16:55:34 +08:00			`opacity: 1;`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`}`
			`}`
			`</style>`
			`<div class="app-loading">`
			`<div class="app-loading-wrap">`
perf: Refactor vite configuration 2023-04-05 00:20:48 +08:00			`<img src="/logo.png" class="app-loading-logo" alt="Logo" />`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`<div class="app-loading-dots">`
			`<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>`
			`</div>`
perf: Refactor vite configuration 2023-04-05 00:20:48 +08:00			`<div class="app-loading-title"><%= VITE_GLOB_APP_TITLE %></div>`
refactor: add loading component and demo 2020-12-01 20:59:17 +08:00			`</div>`
			`</div>`
feat: first screen loading waiting animation 2020-10-12 00:38:22 +08:00			`</div>`
initial commit 2020-09-28 20:19:10 +08:00			`<script type="module" src="/src/main.ts"></script>`
			`</body>`
			`</html>`