refactor🎨: refactor background

honelone · Sep 19, 2024 · 12551a8 · 12551a8
1 parent 4e7ef8d
commit 12551a8
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 544 deletions.
diff --git a/src/components/Background/FilterBackground.vue b/src/components/Background/FilterBackground.vue
@@ -4,7 +4,17 @@
   </div>
 </template>
 
-<script setup></script>
+<script lang="ts" setup>
+import { onMounted, inject } from 'vue'
+
+const state: any = inject('state')
+onMounted(() => {
+  const delay = Math.floor(Math.random() * (600 - 300 + 1)) + 300
+  setTimeout(() => {
+    state.setImgLoaded(true)
+  }, delay)
+})
+</script>
 
 <style scoped lang="less">
 .filter-background-wrapper {

diff --git a/src/components/Background/GridBackground.vue b/src/components/Background/GridBackground.vue
diff --git a/src/components/Background/LightBackground.vue b/src/components/Background/LightBackground.vue
diff --git a/src/components/Background/PopBackground.vue b/src/components/Background/PopBackground.vue