修改首页面板样式

src/views/Home.vue

@@ -18,12 +18,12 @@
                 </ul>
               </transition>
             </div>
-            <transition name="fade">
-              <img src="./images/1@2x.png" alt="加载失败" v-if="!activeFlag">
-            </transition>
-            <transition name="fade">
-             <img src="./images/点击态1.png" alt="加载失败" v-if="activeFlag">
-            </transition>
+            <!--<transition name="fade">-->
+              <img src="./images/1@2x.png" alt="加载失败" v-show="!activeFlag">
+            <!--</transition>-->
+            <!--<transition name="fade">-->
+             <img src="./images/点击态1.png" alt="加载失败" v-show="activeFlag" style="height: 249px">
+            <!--</transition>-->
           </div>
           <div class="second" @mouseover="mouseOverTeam" @mouseleave="mouseLeaveTeam" @touchstart="mouseOverTeam" @touchend="mouseLeaveTeam">
             <div class="bg" :class="{paddingMargin:activeTeamFlag}">
@@ -37,12 +37,12 @@
               </ul>
               </transition>
             </div>
-            <transition name="fade">
-             <img src="./images/2@2x.png" alt="加载失败" v-if="!activeTeamFlag">
-            </transition>
-            <transition name="fade">
-             <img src="./images/点击状态1.png" alt="加载失败" v-if="activeTeamFlag">
-            </transition>
+            <!--<transition name="fade">-->
+             <img src="./images/2@2x.png" alt="加载失败" v-show="!activeTeamFlag">
+            <!--</transition>-->
+            <!--<transition name="fade">-->
+             <img src="./images/点击状态1.png" alt="加载失败" v-show="activeTeamFlag" style="height: 246px">
+            <!--</transition>-->
           </div>
         </div>
       </div>