build-town页操作提示从按钮外观改为提示文本外观。

src/views/Bag.vue

@@ -156,12 +156,18 @@ export default {
     ...mapMutations([
     ]),
     onClickBuild(e) {
-      if (this.canBuild) {
+      if (process.env.VUE_APP_CLI_MODE === 'dev') {
         this.$router.push({
           name: 'BuildTown'
         })
       } else {
-        utils.animateCSS(e.currentTarget, 'headShake')
+        if (this.canBuild) {
+          this.$router.push({
+            name: 'BuildTown'
+          })
+        } else {
+          utils.animateCSS(e.currentTarget, 'headShake')
+        }
       }
     },
     isJigsawUnlock(itemInSceneList) {

src/views/BuildTown.vue

@@ -37,12 +37,9 @@
           >
         </div>
       </div>
-      <img
-        class="build-tip"
-        src="@/assets/images/build-tip.png"
-        alt=""
-        draggable="false"
-      >
+      <div class="build-tip">
+        点击图纸，重现古镇建设过程
+      </div>
     </div>
     <div class="right">
       <div class="effect">
@@ -345,13 +342,25 @@ export default {
         color: #C26827;
       }
     }
-    >img.build-tip {
+    >.build-tip {
       position: absolute;
       left: 50%;
-      bottom: calc(-38 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
+      bottom: calc(-70 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
       transform: translate(-50%, 100%);
-      width: calc(506 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
-      height: calc(110 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
+      width: calc(530 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
+      height: calc(60 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
+      background-image: url(@/assets/images/build-tip-bg.png);
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: center center;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: calc(24 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
+      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
+      font-weight: bold;
+      color: #C26827;
+      line-height: calc(28 / v-bind('windowSizeWhenDesign') * v-bind('unit'));
     }
   }
   >.right {

src/views/JigsawGame.vue

@@ -121,7 +121,6 @@
 
 <script>
 import useWindowSizeAdaptor from '@/useFunctions/useWindowSizeAdaptor.js'
-import { ElMessageBox } from 'element-plus'
 import { shuffle } from "lodash"
 
 export default {
@@ -312,12 +311,6 @@ export default {
       if (!this.jigsawItems.find((item) => {
         return !item.hasPut
       })) {
-        // ElMessageBox.alert('', '拼图完成！', {
-        //   confirmButtonText: '确定',
-        //   callback: (action) => {
-        //     console.log(action)
-        //   },
-        // })
         this.recordJigsawDone(Number(this.$route.query.sceneL2Idx))
         this.$refs['complete-tip'].play()
         setTimeout(() => {