Lv110版本源码上传

2024-11-04 15:00:40 +08:00
parent a6dbccdead
commit e029da72e4
6642 changed files with 131203 additions and 136087 deletions
@@ -0,0 +1,71 @@
+/**
+ * https://tobiasahlin.com/spinkit
+ * https://connoratherton.com/loaders
+ * https://projects.lukehaas.me/css-loaders
+ * https://matejkustec.github.io/SpinThatShit
+ */
+
+const safe = {
+  append(parent: HTMLElement, child: HTMLElement) {
+    if (!Array.from(parent.children).find(e => e === child)) {
+      return parent.appendChild(child)
+    }
+  },
+  remove(parent: HTMLElement, child: HTMLElement) {
+    if (Array.from(parent.children).find(e => e === child)) {
+      return parent.removeChild(child)
+    }
+  }
+}
+
+export function useLoading() {
+  const className = "loaders-css__square-spin"
+  const styleContent = `
+@keyframes square-spin {
+  25% { transform: perspective(100px) rotateX(180deg) rotateY(0); }
+  50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
+  75% { transform: perspective(100px) rotateX(0) rotateY(180deg); }
+  100% { transform: perspective(100px) rotateX(0) rotateY(0); }
+}
+.${className} > div {
+  // animation-fill-mode: both;
+  width: 210px;
+  height: 213px;
+  // background: rgba(0,0,0,0);
+  background-image: url("/images/loading.gif");
+  // animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
+}
+.app-loading-wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #282c34;
+  z-index: 9;
+}
+    `
+  const oStyle = document.createElement("style")
+  const oDiv = document.createElement("div")
+
+  oStyle.id = "app-loading-style"
+  oStyle.innerHTML = styleContent
+  oDiv.className = "app-loading-wrap"
+  oDiv.innerHTML = `<div class="${className}"><div>
+  </div></div>`
+
+  return {
+    appendLoading() {
+      safe.append(document.head, oStyle)
+      safe.append(document.body, oDiv)
+    },
+    removeLoading() {
+      safe.remove(document.head, oStyle)
+      safe.remove(document.body, oDiv)
+    }
+  }
+}
+