feat: 适配掘金新的骨架屏

IdeaLeap · Feb 10, 2023 · 885ff0a · 885ff0a
1 parent 18a192d
commit 885ff0a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json b/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "2023-02-10T09:47:22.758Z"
+    "x-generation-date": "2023-02-10T13:24:41.880Z"
   },
   "x-strapi-config": {
     "path": "/documentation",

diff --git a/frontend/components/ArticlesList/Ui/Skeleton.vue b/frontend/components/ArticlesList/Ui/Skeleton.vue
@@ -17,23 +17,24 @@
 
 <style scoped>
 .skeleton_container {
-  @apply px-[1.67rem] py-[0.8rem]
+  @apply px-[1.67rem] py-[1.75rem]
   @apply dark:bg-jj_bg_gray
 }
 .skeleton {
-  @apply align-middle relative inline-block overflow-hidden rounded-[4px] mx-[5px] my-[7px] h-[1.35rem]
+  @apply align-middle relative inline-block overflow-hidden my-[0.75rem] h-[1.25rem]
 }
 .skeleton div {
-  @apply w-full h-full bg-jj-skeleton-normal rounded-[2px]
+  @apply w-full h-full bg-jj-skeleton-normal rounded-[1px]
   @apply dark:bg-jj-skeleton-background-normal
 }
 .skeleton::after {
-  animation: shan .75s ease 0s infinite;
+  animation: shan .6s linear 0s infinite;
   background: linear-gradient(to left,
       rgba(255, 255, 255, 0) 0,
-      rgba(255, 255, 255, 0.3) 50%,
+      rgba(255, 255, 255, .3) 50%,
       rgba(255, 255, 255, 0) 100%);
-  @apply content-none absolute top-0 w-7/10 h-full -skew-45
+  @apply content-none absolute top-0 w-full h-full -skew-45
+
 }
 @keyframes shan {
   0% {

diff --git a/frontend/composables/useThrottle.ts b/frontend/composables/useThrottle.ts
@@ -1,4 +1,4 @@
-export default (fn?: () => any, wait = 1000) => {
+export default (fn?: () => any, wait = 1500) => {
   let timer: NodeJS.Timeout | null = null
   return () => {
     if (!timer) {