Browse Source

树长图更新

任一存 3 years ago
parent
commit
aed97a6c5e
3 changed files with 16 additions and 17 deletions
  1. 0 17
      src/App.vue
  2. BIN
      src/assets/image/tall-tree.png
  3. 16 0
      src/views/TreeAnimation.vue

+ 0 - 17
src/App.vue

@@ -6,11 +6,6 @@
     >
       <router-view />
     </transition>
-    <!-- <img
-      class="background-image"
-      src="@/assets/image/bg.png"
-      alt="background"
-    > -->
   </div>
 </template>
 
@@ -127,16 +122,4 @@ html,body{
 .fade-out-in-leave-active {
   transition: opacity 1s;
 }
-
-.background-image {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-  z-index: -2;
-}
 </style>

BIN
src/assets/image/tall-tree.png


+ 16 - 0
src/views/TreeAnimation.vue

@@ -30,6 +30,11 @@
         {{ frameLoadProgress }}
       </span> -->
     </van-loading>
+    <!-- <img
+      class="background-image"
+      src="@/assets/image/bg.png"
+      alt="background"
+    > -->
   </div>
 </template>
 
@@ -97,6 +102,17 @@ export default {
     left: 50%;
     transform: translate(-50%, -50%);
   }
+  // .background-image {
+  //   position: absolute;
+  //   left: 0;
+  //   right: 0;
+  //   bottom: 0;
+  //   top: 0;
+  //   object-fit: cover;
+  //   width: 100%;
+  //   height: 100%;
+  //   z-index: -1;
+  // }
 }
 @keyframes slide-up {
   0% {