feat: Upload Alert done.

2023-12-12 11:56:21 +08:00
parent 7ed6f97857
commit 67b0ee47df
6 changed files with 204 additions and 74 deletions
--- a/src/assets/components.css
+++ b/src/assets/components.css
@@ -30,6 +30,30 @@
    transform: rotate(360deg)
  }
 }
+/* loaderBar */
+/* <span class="loaderBar"></span> */
+.loaderBar {
+  width: 80%;
+  height: 16px;
+  display: inline-block;
+  background-color: #0099FF;
+  border: 1px solid #0099FF;
+  border-radius: 4px;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
+  font-size: 30px;
+  background-size: 1em 1em;
+  box-sizing: border-box;
+  animation: barStripe 1s linear infinite;
+}
+
+@keyframes barStripe {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 1em 0;
+  }
+}

 /* components */
 /* Scrollbar */