bug fixes

components/rightAside.vue

@@ -4,30 +4,26 @@
       <li
         :class="{ enroll: true, active: tabBtnActive && tabBtnTarget === 'enroll' }"
         @mouseenter="handleMsOver('enroll')"
-        @mouseleave="handleMsOut"
-      >
+        @mouseleave="handleMsOut">
         <p>{{ $t('aside.apply') }}</p>
       </li>
       <li
         :class="{ wx: true, active: tabBtnActive && tabBtnTarget === 'wx' }"
         @mouseenter="handleMsOver('wx')"
-        @mouseleave="handleMsOut"
-      >
+        @mouseleave="handleMsOut">
         <p>{{ $t('aside.follow') }}</p>
       </li>
     </ul>
     <transition
       name="custom-classes-transition"
       enter-active-class="animated tada"
-      leave-active-class="animated bounceOutRight"
-    >
+      leave-active-class="animated bounceOutRight">
       <div
         id="show-enroll"
         v-show="tabBtnActive"
         class="tab_cont"
         @mouseenter="handleMsOver('')"
-        @mouseleave="handleMsOut"
-      >
+        @mouseleave="handleMsOut">
         <div class="enroll_cont" id="show-enroll-content" v-show="tabBtnTarget === 'enroll'">
           <h5>{{ $t('aside.apply') }}</h5>
           <div class="p">
@@ -42,7 +38,7 @@
             </select>
             <span class="icon el-icon-arrow-down"></span>
           </div>
-          <div class="p sendcode">
+          <div class="p">
             <el-input v-model="sendCode" :placeholder="$t('aside.code')">
               <template #append>
                 <el-button class="btn" :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode">{{
@@ -98,7 +94,7 @@ export default {
   },
   watch: {
     $route: {
-      handler: function(val, oldVal) {
+      handler: function (val, oldVal) {
         if (val.path === '/studyAbroad') {
           this.formInfo.projectId = '1018'
         } else {
@@ -357,36 +353,6 @@ export default {
           right: 10px;
           color: #606266;
         }
-        ::v-deep(.el-button) {
-          background-color: #ff8e1a;
-          border: #ff8e1a 1px solid;
-          color: rgba(255, 255, 255, 0.9);
-        }
-      }
-      .sendcode {
-        display: flex;
-        justify-content: space-between;
-        ::v-deep(.el-input) {
-          width: 170px;
-        }
-        ::v-deep(.el-button) {
-          white-space: break-spaces;
-          width: 94px;
-          margin-right: 2px;
-          padding: 12px 0;
-          text-align: center;
-          display: flex;
-          align-items: center;
-          height: 45px;
-          justify-content: center;
-        }
-        ::v-deep(.is-disabled) {
-          color: #c0c4cc;
-          cursor: not-allowed;
-          background-image: none;
-          background-color: #fff;
-          border-color: #ebeef5;
-        }
       }
     }
     .wx_cont img {
@@ -398,24 +364,3 @@ export default {
   }
 }
 </style>
-<style>
-/* .right_bar .enroll_cont .el-input__inner {
-  border: 1px solid #ccc;
-  line-height: 44px;
-  height: 44px;
-}
-.right_bar .sendcode .el-input {
-  width: 170px;
-}
-.right_bar .el-button{
-  background: #ff8e1a;
-  border:#ff8e1a 1px solid;
-  color:rgba(255,255,255,.9);
-}
-.sendcode .el-button {
-  width: 94px;
-  margin-right: 2px;
-  padding: 12px 0;
-  text-align: center;
-} */
-</style>