From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
index.html | 151 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 151 insertions(+), 0 deletions(-)
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8cfcbef
--- /dev/null
+++ b/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <link rel="icon" href="/favicon.ico" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta
+ name="keywords"
+ content="鑺嬮亾绠＄悊绯荤粺 鍩轰簬 vue3 + CompositionAPI + typescript + vite3 + element plus 鐨勫悗鍙板紑婧愬厤璐圭鐞嗙郴缁燂紒"
+ />
+ <meta
+ name="description"
+ content="鑺嬮亾绠＄悊绯荤粺 鍩轰簬 vue3 + CompositionAPI + typescript + vite3 + element plus 鐨勫悗鍙板紑婧愬厤璐圭鐞嗙郴缁燂紒"
+ />
+ <title>%VITE_APP_TITLE%</title>
+ </head>
+ <body>
+ <div id="app">
+ <style>
+ .app-loading {
+ display: flex;
+ width: 100%;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ background: #f0f2f5;
+ }
+
+ .app-loading .app-loading-wrap {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: flex;
+ -webkit-transform: translate3d(-50%, -50%, 0);
+ transform: translate3d(-50%, -50%, 0);
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ }
+
+ .app-loading .app-loading-title {
+ margin-bottom: 30px;
+ font-size: 20px;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .app-loading .app-loading-logo {
+ width: 100px;
+ margin: 0 auto 15px auto;
+ }
+
+ .app-loading .app-loading-item {
+ position: relative;
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ vertical-align: middle;
+ border-radius: 50%;
+ }
+
+ .app-loading .app-loading-outter {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ border: 4px solid #2d8cf0;
+ border-bottom: 0;
+ border-left-color: transparent;
+ border-radius: 50%;
+ animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
+ }
+
+ .app-loading .app-loading-inner {
+ position: absolute;
+ top: calc(50% - 20px);
+ left: calc(50% - 20px);
+ width: 40px;
+ height: 40px;
+ border: 4px solid #87bdff;
+ border-right: 0;
+ border-top-color: transparent;
+ border-radius: 50%;
+ animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
+ }
+
+ @-webkit-keyframes loader-outter {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @keyframes loader-outter {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes loader-inner {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+ }
+
+ @keyframes loader-inner {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+ }
+ </style>
+ <div class="app-loading">
+ <div class="app-loading-wrap">
+ <div class="app-loading-title">
+ <img src="/logo.gif" class="app-loading-logo" alt="Logo" />
+ <div class="app-loading-title">%VITE_APP_TITLE%</div>
+ </div>
+ <div class="app-loading-item">
+ <div class="app-loading-outter"></div>
+ <div class="app-loading-inner"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <script type="module" src="/src/main.ts"></script>
+ </body>
+</html>
--
Gitblit v1.8.0