From 73b80817331952369e79d3ea7fe38b7328ad7b5e Mon Sep 17 00:00:00 2001 From: lostelk Date: Fri, 28 Mar 2025 15:21:52 +0800 Subject: [PATCH 1/3] =?UTF-8?q?refactor(index.html):=20:recycle:=20?= =?UTF-8?q?=E9=A6=96=E5=B1=8F=E5=8A=A0=E8=BD=BDloading=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 73 ++++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 54 insertions(+), 19 deletions(-) diff --git a/index.html b/index.html index bd224a67..97513ab2 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,13 @@
-
+
+ +
@@ -34,27 +40,56 @@ height: 100%; } - .loader { - --d: 22px; - - width: 4px; - height: 4px; - color: #25b09b; - border-radius: 50%; - box-shadow: - calc(1 * var(--d)) calc(0 * var(--d)) 0 0, - calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px, - calc(0 * var(--d)) calc(1 * var(--d)) 0 2px, - calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px, - calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px, - calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px, - calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px; - animation: l27 1s infinite steps(8); + .loading-container { + display: flex; + flex-direction: column; + gap: 24px; + align-items: center; + justify-content: center; } - @keyframes l27 { + .loading-spinner { + display: flex; + gap: 6px; + align-items: center; + justify-content: center; + height: 40px; + } + + .loading-bar { + width: 4px; + height: 24px; + background-color: #498cff; + border-radius: 2px; + animation: loading-animation 1.2s ease-in-out infinite; + } + + .loading-bar:nth-child(1) { + animation-delay: 0s; + } + + .loading-bar:nth-child(2) { + animation-delay: 0.2s; + } + + .loading-bar:nth-child(3) { + animation-delay: 0.4s; + } + + @keyframes loading-animation { + 0% { + opacity: 0.3; + transform: scaleY(0.5); + } + + 50% { + opacity: 1; + transform: scaleY(1.2); + } + 100% { - transform: rotate(1turn); + opacity: 0.3; + transform: scaleY(0.5); } } From 723c419efa959ce5d7a49d6132dcce1e5c2c3a68 Mon Sep 17 00:00:00 2001 From: lostelk Date: Fri, 28 Mar 2025 16:20:16 +0800 Subject: [PATCH 2/3] =?UTF-8?q?feat(demo=E3=80=81components):=20:sparkles:?= =?UTF-8?q?=20=E6=96=B0=E5=A2=9ETextScroll=20=E7=BB=84=E4=BB=B6=20-=20?= =?UTF-8?q?=E6=96=87=E6=9C=AC=E6=BB=9A=E5=8A=A8=E5=85=AC=E5=91=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/TextScroll/index.vue | 412 ++++++++++++++++++++++++++++ src/views/demo/text-scroll.vue | 30 ++ 2 files changed, 442 insertions(+) create mode 100644 src/components/TextScroll/index.vue create mode 100644 src/views/demo/text-scroll.vue diff --git a/src/components/TextScroll/index.vue b/src/components/TextScroll/index.vue new file mode 100644 index 00000000..d37e1e79 --- /dev/null +++ b/src/components/TextScroll/index.vue @@ -0,0 +1,412 @@ + + + + + + diff --git a/src/views/demo/text-scroll.vue b/src/views/demo/text-scroll.vue new file mode 100644 index 00000000..7c638bf4 --- /dev/null +++ b/src/views/demo/text-scroll.vue @@ -0,0 +1,30 @@ + + + + + From 09b3957fa9016390e919daec762a09ca848193d4 Mon Sep 17 00:00:00 2001 From: lostelk Date: Fri, 28 Mar 2025 16:27:55 +0800 Subject: [PATCH 3/3] =?UTF-8?q?feat(demo=E3=80=81package.json):=20:sparkle?= =?UTF-8?q?s:=20=E6=96=B0=E5=A2=9E=E6=8B=96=E5=8A=A8demo=E7=A4=BA=E4=BE=8B?= =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E7=94=A8vue-draggable-plus=E5=BA=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + src/views/demo/drag.vue | 123 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 124 insertions(+) create mode 100644 src/views/demo/drag.vue diff --git a/package.json b/package.json index 520b11dc..1ebe1f89 100644 --- a/package.json +++ b/package.json @@ -65,6 +65,7 @@ "qs": "^6.14.0", "sortablejs": "^1.15.6", "vue": "^3.5.13", + "vue-draggable-plus": "^0.6.0", "vue-i18n": "^11.1.2", "vue-router": "^4.5.0" }, diff --git a/src/views/demo/drag.vue b/src/views/demo/drag.vue new file mode 100644 index 00000000..783dd982 --- /dev/null +++ b/src/views/demo/drag.vue @@ -0,0 +1,123 @@ + + + + +