goods

src/pages/index.vue

@@ -9,7 +9,7 @@
     <div class="first-screen">
         <img class="text" src="../static/img/first_font.svg" alt="" />
         <img class="www" src="../static/img/first_www.png" alt="" />
-        <video class="goods" autoplay muted loop src="../static/img/goods.mp4"></video>
+        <div class="goods"></div>
         <div class="install" @click="install">Install Now</div>
     </div>
     <div class="second-screen">
@@ -181,7 +181,9 @@ function discord() {
         right: 2.595rem;
         width: 3.203rem;
         height: 3.945rem;
-        mix-blend-mode: darken;
+        animation: scroll 25s linear infinite;
+        background-size: 100% auto;
+        background-image: url('../static/img/goods.png');
     }
 }
 
@@ -426,4 +428,12 @@ function discord() {
         transform: rotate(360deg)
     }
 }
+@keyframes scroll {
+    0% {
+        background-position: 0 37.765rem;
+    }
+    100% {
+        background-position: 0 0;
+    }
+}
 </style>