update

src/pages/mobilescene/menu/func.vue

@@ -8,7 +8,16 @@
           <span>{{ item.name }}</span>
         </div>
       </li>
+        <transition name="likeAddAnimate">
+        <div class="good" v-show="isShowGood">
+          <div class="pic">
+            <img :src="require(`@/assets/images/proj2022/mobile/like_${theme}.png`)" alt="" />
+          </div>
+          <div class="num">+{{ goodNum + 1 }}</div>
+        </div>
+      </transition>
     </ul>
+
   </div>
 </template>
 
@@ -197,10 +206,9 @@ export default {
           }
         });
       });
-        this.$bus.$on("isShowHuDong", (data) => {
-          this.isShowHuDong=data
-        })
-
+      this.$bus.$on("isShowHuDong", (data) => {
+        this.isShowHuDong = data;
+      });
     });
   },
 };
@@ -325,6 +333,7 @@ export default {
   }
 }
 
+
 .likeAddAnimate-enter-active,
 .likeAddAnimate-leave-active {
   transition: all 2.5s ease;
@@ -336,13 +345,13 @@ export default {
 }
 .likeAddAnimate-enter-to,
 .likeAddAnimate-leave-to {
-  transform: translate(-50%, -80px) scale(1.2);
+  transform: translate(-50%, -60px) scale(1.1);
   opacity: 1;
 }
 .good {
-  position: fixed;
-  bottom: 60px;
-  left: 50%;
+  position: absolute;
+  bottom: 0px;
+  right: 10%;
   display: flex;
   .pic {
     width: 35px;
@@ -353,7 +362,6 @@ export default {
   }
   .num {
     margin-top: 10px;
-    margin-left: 10px;
   }
 }
 
@@ -423,7 +431,7 @@ export default {
         position: absolute;
         top: 0;
         left: 10px;
-        width: 60px!important;
+        width: 60px !important;
       }
       .brightness {
         &::before {
@@ -431,17 +439,17 @@ export default {
         }
       }
       > ul {
-        width: 76%!important;
+        width: 76% !important;
         height: 50%;
         display: flex;
         justify-content: flex-end;
-        align-items: flex-end!important;
+        align-items: flex-end !important;
         text-align: center;
         z-index: 9999;
         position: absolute;
-        bottom: 0!important;
+        bottom: 0 !important;
         left: 50%;
-        transform: translateX(-50%)!important;
+        transform: translateX(-50%) !important;
         > li {
           display: inline-block;
           padding: 0 0;
@@ -486,4 +494,5 @@ export default {
     }
   }
 }
+
 </style>

src/pages/mobilescene/raside/menu.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="rmenu">
     <ul v-if="menuType == 'func' && isShowfunc">
-      <li  v-for="(item, i) in menu" :key="i">
-        <img @click="onClick(item)" :title="item.name" :src="require(`@/assets/images/proj2022/mobile/menu/${item.img}.png`)" alt="" />
+      <li  @click="onClick(item)" :class="{isDianZhan:item.id=='zan'&&isLike}" v-for="(item, i) in menu" :key="i">
+        <img :title="item.name" :src="require(`@/assets/images/proj2022/mobile/menu/${item.img}.png`)" alt="" />
+        <img class="likeactive" :src="require(`@/assets/images/proj2022/mobile/like_${theme}.png`)" alt="">
+        <span>{{goodNum}}</span>
       </li>
     </ul>
     <div class="control">
@@ -15,6 +17,7 @@
 <script>
 import { Booth } from "@/data/booth.js";
 import { g_findCloseNum } from "@/utils/index.js";
+import { supCount, getsupCount } from "@/config/api";
 
 let findNextItem = (arr, currentItem) => {
   let idx = arr.findIndex((item) => item == currentItem);
@@ -90,6 +93,9 @@ export default {
   data() {
     return {
       current: "play",
+      goodNum: 1099,
+      isLike:false,
+      isLock:false,
       menu: [
         {
           id: "daka",
@@ -137,7 +143,26 @@ export default {
         });
       }
     },
+    dianzan() {
+      getsupCount((res) => {
+        if (this.isLock) {
+          return
+        }
+        this.goodNum = res.data;
+        this.isLock = true;
+        setTimeout(() => {
+          this.isLock = false;
+        }, 2500);
+        supCount(() => {});
+      });
+    },
     onClick(item) {
+      if (item.id=='zan') {
+        this.isLike = true
+        this.dianzan();
+
+        return
+      }
       item.path && this.$router.push(item.path);
       item.cp && this.$bus.$emit("opencp", item.cp);
     },
@@ -165,6 +190,30 @@ export default {
         width: 80%;
         cursor: pointer;
       }
+      >span{
+        display: none;
+      }
+      .likeactive{
+        display: none;
+      }
+    }
+    .isDianZhan{
+      position: relative;
+      >img{
+        display: none;
+      }
+      .likeactive{
+        width: 80%;
+        display: inline-block;
+      }
+      >span{
+        position: absolute;
+        bottom: -8px;
+        left: 50%;
+        transform: translateX(-50%);
+        font-size: 12px;
+        display: inline-block;
+      }
     }
   }
   .control {

src/pages/scene/zhanxiang/index.vue

@@ -2,7 +2,7 @@
   <div class="zhangxiang" :style="{ backgroundImage: `url(${require(`@/assets/images/proj2022/pc/project_${theme}.png`)})` }">
 <div class="back fandb" @click="back">
     <img  :src="require(`@/assets/images/proj2022/pc/shouqi.png`)" alt="" />
-    <span>收起展览</span>
+    <span>收起展项</span>
 </div>
     <div class="www" ref="bgsw" v-swiper:mySwiper="swiperOptions">
       <ul class="swiper-wrapper">

src/pages/scenePage/views/gui/guide.vue

@@ -6,7 +6,7 @@
           <img :src="require(`@/assets/images/proj2022/pc/pause.png`)" />
         </div>
         <div >
-          <img @click.stop="isZhankai=!isZhankai" :src="require(`@/assets/images/proj2022/pc/${!isZhankai?'zhankai_1':'shouqi'}.png`)" />
+          <img @click.stop="isZhankai=!isZhankai" :src="require(`@/assets/images/proj2022/pc/${!isZhankai?'zhankai_1':'shouqi_1'}.png`)" />
         </div>
       </template>
       <img v-else  @click.stop="stop()" :src="require(`@/assets/images/proj2022/mobile/pause_${themescene}.png`)" />