添加切图,修改首页面板样式

src/views/Home.vue

@@ -19,11 +19,11 @@
               </transition>
             </div>
             <!--<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">
+              <img src="./images/1@2x.png" alt="加载失败">
             <!--</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}">
@@ -38,11 +38,11 @@
               </transition>
             </div>
             <!--<transition name="fade">-->
-             <img src="./images/2@2x.png" alt="加载失败" v-show="!activeTeamFlag">
+             <img src="./images/2@2x.png" alt="加载失败">
             <!--</transition>-->
-            <!--<transition name="fade">-->
+            <transition name="fade">
              <img src="./images/点击状态1.png" alt="加载失败" v-show="activeTeamFlag" style="height: 246px">
-            <!--</transition>-->
+            </transition>
           </div>
         </div>
       </div>