代码回退

src/components/layout/rightAside.vue

@@ -16,34 +16,34 @@
         <p>微信公众号</p>
       </li> -->
     </ul>
-    <!-- <transition
+    <transition
       name="custom-classes-transition"
       enter-active-class="animated tada"
       leave-active-class="animated bounceOutRight"
-    > -->
-    <div v-show="tabBtnActive" class="tab_cont">
-      <div class="enroll_cont">
-        <i
-          class="el-icon-circle-close"
-          style="margin-top:10px;float:right;color:#ffffff;font-size:24px;cursor:pointer;z-index:10000; position:relative"
-          @click="handleClose"
-        ></i>
-        <h5>报名咨询</h5>
-        <p><el-input v-model="formInfo.name" placeholder="请输入您的姓名" size="small"></el-input></p>
-        <p><el-input v-model="formInfo.phone" placeholder="请输入您的电话" size="small"></el-input></p>
-        <p><el-input v-model="projectName" size="small" :readonly="true"></el-input></p>
-        <p class="sendcode">
-          <el-input v-model="sendCode" placeholder="请输入验证码" size="small"></el-input
-          ><el-button :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode">获取验证码</el-button>
-        </p>
-        <p><el-button style="width: 100%" @click="submitEnroll">立即报名</el-button></p>
+    >
+      <div v-show="tabBtnActive" class="tab_cont">
+        <div class="enroll_cont">
+          <i
+            class="el-icon-circle-close"
+            style="margin-top:10px;float:right;color:#ffffff;font-size:24px;cursor:pointer;z-index:10000; position:relative"
+            @click="handleClose"
+          ></i>
+          <h5>报名咨询</h5>
+          <p><el-input v-model="formInfo.name" placeholder="请输入您的姓名" size="small"></el-input></p>
+          <p><el-input v-model="formInfo.phone" placeholder="请输入您的电话" size="small"></el-input></p>
+          <p><el-input v-model="projectName" size="small" :readonly="true"></el-input></p>
+          <p class="sendcode">
+            <el-input v-model="sendCode" placeholder="请输入验证码" size="small"></el-input
+            ><el-button :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode">获取验证码</el-button>
+          </p>
+          <p><el-button style="width: 100%" @click="submitEnroll">立即报名</el-button></p>
+        </div>
+        <div class="wx_cont" v-show="tabBtnTarget === 'wx'">
+          <h5>扫描关注微信公众号</h5>
+          <img src="~@/assets/images/wx_code.jpg" />
+        </div>
       </div>
-      <div class="wx_cont" v-show="tabBtnTarget === 'wx'">
-        <h5>扫描关注微信公众号</h5>
-        <img src="~@/assets/images/wx_code.jpg" />
-      </div>
-    </div>
-    <!-- </transition> -->
+    </transition>
   </div>
 </template>
 <script>