From 9fd9a0ac506b9f9b84d8b06a2c65efc8cf41bfa3 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期三, 16 四月 2025 14:07:46 +0800
Subject: [PATCH] Merge branch 'test' into huishui_iframe
---
index.html | 96 ++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 93 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 19edf24..59fd3fb 100644
--- a/index.html
+++ b/index.html
@@ -14,13 +14,103 @@
<script type="module" src="/static/config/featureConfig.js?v=202305725"></script>
<script type="module" src="/static/config/route.js?v=202305725"></script>
<script type="module" src="/index.js?v=20235075"></script>
- <link rel="stylesheet" type="text/css" href="/static/amis/sdk/sdk.css?v=234" />
- <link rel="stylesheet" type="text/css" href="/static/amis/sdk/helper.css?v=235" />
- <link rel="stylesheet" type="text/css" href="/static/amis/sdk/iconfont.css?v=25" />
+
+ <style>
+ .loading-next {
+ width: 100%;
+ height: 100%;
+ }
+ .loading-next .loading-next-box {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
+ .loading-next .loading-next-box-warp {
+ width: 80px;
+ height: 80px;
+ }
+ .loading-next .loading-next-box-warp .loading-next-box-item {
+ width: 33.333333%;
+ height: 33.333333%;
+ background:#528abe;
+ float: left;
+ animation: loading-next-animation 1.2s infinite ease;
+ border-radius: 1px;
+ }
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(7) {
+ animation-delay: 0s;
+ }
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(4),
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(8) {
+ animation-delay: 0.1s;
+ }
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(1),
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(5),
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(9) {
+ animation-delay: 0.2s;
+ }
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(2),
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(6) {
+ animation-delay: 0.3s;
+ }
+ .loading-next .loading-next-box-warp .loading-next-box-item:nth-child(3) {
+ animation-delay: 0.4s;
+ }
+ @keyframes loading-next-animation {
+ 0%,
+ 70%,
+ 100% {
+ transform: scale3D(1, 1, 1);
+ }
+ 35% {
+ transform: scale3D(0, 0, 1);
+ }
+ }
+ </style>
</head>
<body>
<div id="app"></div>
+
<script type="module" src="/src/main.ts"></script>
+ <script>
+ const NextLoading = {
+ // 鍒涘缓 loading
+ start: () => {
+ const bodys = document.body;
+ const div = document.createElement('div');
+ div.setAttribute('class', 'loading-next');
+ const htmls = `
+ <div class="loading-next-box">
+ <div class="loading-next-box-warp">
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ <div class="loading-next-box-item"></div>
+ </div>
+ </div>
+ `;
+ div.innerHTML = htmls;
+ bodys.insertBefore(div, bodys.childNodes[0]);
+ window.nextLoading = true;
+ },
+ // 绉婚櫎 loading
+ done: (time = 0) => {
+ setTimeout(() => {
+ window.nextLoading = false;
+ const el = document.querySelector('.loading-next');
+ el?.parentNode?.removeChild(el);
+ }, time);
+ },
+ };
+
+ NextLoading.start();
+ </script>
</body>
</html>
--
Gitblit v1.9.3