gaoyunchuan/wxmp
1
0
Fork 0
mirror of https://github.com/jaywcjlove/wxmp.git synced 2026-07-01 20:07:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add api request loading animation. v2.1.0 fd6ad59d5c

Browse Source
This commit is contained in:
jaywcjlove
2022-09-03 09:15:29 +00:00
parent 4bbd8ffb21
commit 770fa3f4ab
8 changed files with 38 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/main.f5cd322b.js
+3
View File
File diff suppressed because one or more lines are too long
static/js/main.f8ccca30.js.LICENSE.txt → static/js/main.f5cd322b.js.LICENSE.txt
View File
static/js/main.f5cd322b.js.map
+1
View File
File diff suppressed because one or more lines are too long
static/js/main.f8ccca30.js
-3
View File
File diff suppressed because one or more lines are too long
static/js/main.f8ccca30.js.map
-1
View File
File diff suppressed because one or more lines are too long
static/media/tail-spin.f708af82b1c2e4bdd8393694d7a0ab6b.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 105 105" fill="currentColor">
<circle cx="12.5" cy="12.5" r="12.5">
<animate attributeName="fill-opacity" begin="0s" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="12.5" cy="52.5" r="12.5" fill-opacity=".5">
<animate attributeName="fill-opacity" begin="100ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="52.5" cy="12.5" r="12.5">
<animate attributeName="fill-opacity" begin="300ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="52.5" cy="52.5" r="12.5">
<animate attributeName="fill-opacity" begin="600ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="92.5" cy="12.5" r="12.5">
<animate attributeName="fill-opacity" begin="800ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="92.5" cy="52.5" r="12.5">
<animate attributeName="fill-opacity" begin="400ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="12.5" cy="92.5" r="12.5">
<animate attributeName="fill-opacity" begin="700ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="52.5" cy="92.5" r="12.5">
<animate attributeName="fill-opacity" begin="500ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
<circle cx="92.5" cy="92.5" r="12.5">
<animate attributeName="fill-opacity" begin="200ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/>
</circle>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB