feats

src/pages/game/index.vue

@@ -6,9 +6,10 @@
     <MusicOnce ref="failRef" :src="failMusic" />
     <MusicOnce ref="successRef" :src="successMusic" />
     
-    <!-- <div class="GrassGIFBox">
-      <GrassGIF />
-    </div> -->
+    <CloudVue :scale="1.2" top="5vh" />
+    <CloudVue :scale="0.8" top="15vh" right="-10vw" direction="left" :delay="1"/>
+    <LeftGrass />
+    <RightGrass />
   </div>
 </template>
 
@@ -16,6 +17,9 @@
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import FireWorkListVue from '@/components/FireWorkList.vue'
+import CloudVue from '@/components/Cloud.vue'
+import LeftGrass from '@/components/LeftGrass.vue'
+import RightGrass from '@/components/RightGrass.vue'
 import createGame from './algorithm'
 import { gameOver, gameStart } from '@/utils/api.js'