gxwebsoft/mp-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 新增 index.html 文件，包含基本的 HTML 结构
- 添加头部信息，包括字符集、图标和视口设置
- 设置页面标题为"网宿软件"
- 定义加载动画样式（.ele-admin-loading）
- 添加应用容器（#app）和加载动画元素
-引入主脚本文件 main.ts
This commit is contained in:
赵忠林
2025-08-25 11:06:48 +08:00
parent 9bed16acd6
commit 93c4fefc9b
3 changed files with 7651 additions and 6956 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
index.html Normal file
View File

@@ -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>

7583
pnpm-lock.yaml generated Normal file
View File

File diff suppressed because it is too large Load Diff

6956
yarn.lock
View File

File diff suppressed because it is too large Load Diff