优化游戏完成时画面变亮效果，补全檩条拼音

src/config.js

@@ -130,7 +130,7 @@ export default {
         '1.基础.png',
         '2.立柱.png',
         '3.椽（chuan）.png',
-        '4.檩条.png',
+        '4.檩（lin）条.png',
         '5.围墙.png',
         '6.屋顶.png',
         '7.连廊.png',

src/store/index.js

@@ -5,14 +5,14 @@ function resetGameProgress() {
     jigsawProgress: config.sceneTree.map((item) => {
       return {
         name: item.name,
-        isJigsawDone: false, // 是否已完成拼图游戏
+        isJigsawDone: process.env.VUE_APP_CLI_MODE === 'prod' ? false : true, // 是否已完成拼图游戏
         jigsawList: [...item.jigsawList], // 拼图碎片名称列表
         children: item.children.map((innerItem) => {
           // console.log(innerItem)
           return {
             name: innerItem.name,
-            watchVideoProgress: [true, true, true, true, true, true, true, true, true, true, ],
-            learnVideoProgress: [true, true, true, true, true, true, true, true, true, true, ],
+            watchVideoProgress: process.env.VUE_APP_CLI_MODE === 'prod' ? [false, false, false, false, false, false, false, false, false, false, ] : [true, true, true, true, true, true, true, true, true, true, ],
+            learnVideoProgress: process.env.VUE_APP_CLI_MODE === 'prod' ? [false, false, false, false, false, false, false, false, false, false, ] : [true, true, true, true, true, true, true, true, true, true, ],
             hasLionSpoke: false,
           }
         })

src/views/BuildTown.vue

@@ -130,6 +130,12 @@
         </div>
       </div>
     </div>
+    <audio
+      v-show="false"
+      ref="complete-tip"
+      class="complete-tip"
+      :src="require(`@/assets/audios/complete-tip.mp3`)"
+    />
   </div>
 </template>
 
@@ -231,15 +237,18 @@ export default {
     'gameProgress.buildProgress': {
       handler(vNew) {
         if (vNew === 6) {
-          ElMessageBox.alert('', '拼图完成！', {
-            confirmButtonText: '确定',
-            callback: (action) => {
-              console.log(action)
-            },
-          })
-          this.isCelebrating = true
+          // ElMessageBox.alert('', '古镇建设完成！', {
+          //   confirmButtonText: '确定',
+          //   callback: (action) => {
+          //     console.log(action)
+          //   },
+          // })
+          this.$refs['complete-tip'].play()
           setTimeout(() => {
-            this.isCelebrating = false
+            this.isCelebrating = true
+            setTimeout(() => {
+              this.isCelebrating = false
+            }, 1000)
           }, 1000)
         }
       }
@@ -280,7 +289,7 @@ export default {
       filter: brightness(1)
     }
     50% {
-      filter: brightness(1.2)
+      filter: brightness(1.1) saturate(1.2)
     }
     100% {
       filter: brightness(1)

src/views/JigsawGame.vue

@@ -85,6 +85,12 @@
         </div>
       </li>
     </div>
+    <audio
+      v-show="false"
+      ref="complete-tip"
+      class="complete-tip"
+      :src="require(`@/assets/audios/complete-tip.mp3`)"
+    />
   </div>
 </template>
 
@@ -194,7 +200,9 @@ export default {
       console.log('svg original size by viewBox attribute: ', svgWidth, svgHeight)
 
       // show g element
-      gTarget.setAttribute('visibility', 'show')
+      if (process.env.VUE_APP_CLI_MODE === 'dev') {
+        gTarget.setAttribute('visibility', 'show')
+      }
 
       // save drag info
       e.dataTransfer.setData('text/plain', jigsawImgName)
@@ -277,16 +285,19 @@ export default {
       if (!this.jigsawItems.find((item) => {
         return !item.hasPut
       })) {
-        ElMessageBox.alert('', '拼图完成！', {
-          confirmButtonText: '确定',
-          callback: (action) => {
-            console.log(action)
-          },
-        })
+        // ElMessageBox.alert('', '拼图完成！', {
+        //   confirmButtonText: '确定',
+        //   callback: (action) => {
+        //     console.log(action)
+        //   },
+        // })
         this.recordJigsawDone(Number(this.$route.query.sceneL2Idx))
-        this.isCelebrating = true
+        this.$refs['complete-tip'].play()
         setTimeout(() => {
-          this.isCelebrating = false
+          this.isCelebrating = true
+          setTimeout(() => {
+            this.isCelebrating = false
+          }, 1000)
         }, 1000)
       }
     },
@@ -332,7 +343,7 @@ export default {
       filter: brightness(1)
     }
     50% {
-      filter: brightness(1.2)
+      filter: brightness(1.1) saturate(1.2)
     }
     100% {
       filter: brightness(1)