浏览代码

拼图游戏 添加drop音效

任一存 1 年之前
父节点
当前提交
b3d5a4b511
共有 2 个文件被更改,包括 8 次插入0 次删除
  1. 二进制
      src/assets/audios/drop-effect.mp3
  2. 8 0
      src/views/JigsawGame.vue

二进制
src/assets/audios/drop-effect.mp3


+ 8 - 0
src/views/JigsawGame.vue

@@ -87,6 +87,12 @@
     </div>
     </div>
     <audio
     <audio
       v-show="false"
       v-show="false"
+      ref="audio-drop-effect"
+      class="drop-effect"
+      :src="require(`@/assets/audios/drop-effect.mp3`)"
+    />
+    <audio
+      v-show="false"
       ref="complete-tip"
       ref="complete-tip"
       class="complete-tip"
       class="complete-tip"
       :src="require(`@/assets/audios/complete-tip.mp3`)"
       :src="require(`@/assets/audios/complete-tip.mp3`)"
@@ -301,6 +307,8 @@ export default {
 
 
       this.activeJigsawIdx++
       this.activeJigsawIdx++
 
 
+      this.$refs['audio-drop-effect'].play()
+
       if (!this.jigsawItems.find((item) => {
       if (!this.jigsawItems.find((item) => {
         return !item.hasPut
         return !item.hasPut
       })) {
       })) {