feat: 添加网宿软件的 HTML 结构和样式

- 新增 index.html 文件，包含基本的 HTML 结构 - 添加头部信息，包括字符集、图标和视口设置 - 设置页面标题为"网宿软件" - 定义加载动画样式（.ele-admin-loading） - 添加应用容器（#app）和加载动画元素 -引入主脚本文件 main.ts
2025-08-25 11:06:48 +08:00
parent 9bed16acd6
commit 93c4fefc9b
3 changed files with 7651 additions and 6956 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>网宿软件</title>
+  <style>
+    .ele-admin-loading {
+      width: 36px;
+      font-size: 0;
+      display: inline-block;
+      transform: rotate(45deg);
+      animation: loadingRotate 1.2s infinite linear;
+      position: relative;
+      top: calc(50% - 18px);
+      left: calc(50% - 18px);
+
+    }
+
+    .ele-admin-loading span {
+      width: 10px;
+      height: 10px;
+      margin: 4px;
+      border-radius: 50%;
+      background: #1890ff;
+      display: inline-block;
+      opacity: 0.9;
+    }
+    .ele-admin-logo-auto.ele-admin-layout .ele-admin-logo{
+      padding: 0 12px 0 12px !important;
+    }
+
+    .ele-admin-loading span:nth-child(2) {
+      opacity: 0.7;
+    }
+
+    .ele-admin-loading span:nth-child(3) {
+      opacity: 0.5;
+    }
+
+    .ele-admin-loading span:nth-child(4) {
+      opacity: 0.3;
+    }
+
+    @keyframes loadingRotate {
+      to {
+        transform: rotate(405deg);
+      }
+    }
+
+    #app > .ele-admin-loading {
+      position: fixed;
+    }
+  </style>
+</head>
+<body>
+<div id="app">
+  <div class="ele-admin-loading">
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+  </div>
+</div>
+<script type="module" src="/src/main.ts"></script>
+</body>
+</html>
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/yarn.lock
+++ b/yarn.lock