updates

components/home/degreeEducation.vue

@@ -8,14 +8,15 @@
           :class="indexActive === index && 'active'"
           v-for="(item, index) in data"
           :key="index"
-          >{{ item.name }}
+        >
+          {{ item.name }}
         </li>
       </ul>
       <template v-for="(item, index) in data">
         <ul class="tab-right" :key="index" v-if="indexActive === index">
           <li :key="cIndex + 'c'" v-for="(cItem, cIndex) in item.content" @click="goPage(cItem.path)">
-            <img :src="cItem.icon" alt="" class="icon">
-            <img :src="cItem.iconActive" alt="" class="icon2">
+            <img :src="cItem.icon" alt="" class="icon" />
+            <img :src="cItem.iconActive" alt="" class="icon2" />
             <div class="text" v-html="cItem.text"></div>
           </li>
         </ul>
@@ -101,12 +102,12 @@ export default {
         {
           name: this.$t('home.degree.tabBtn4'),
           content: [
-            {
-              icon: 'https://zws-imgs-pub.ezijing.com/static/public/841ff657ca26c0f26da3e24d799ae2a5.png',
-              iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/5785a4d37264a8293b956a3f065f11cf.png',
-              text: this.$t('home.degree.dba'),
-              path: ''
-            },
+            // {
+            //   icon: 'https://zws-imgs-pub.ezijing.com/static/public/841ff657ca26c0f26da3e24d799ae2a5.png',
+            //   iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/5785a4d37264a8293b956a3f065f11cf.png',
+            //   text: this.$t('home.degree.dba'),
+            //   path: ''
+            // },
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/aebf1f65a324cff54eb9466bf2fd0b66.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
@@ -134,19 +135,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.degree-content{
+.degree-content {
   padding-top: 71px;
-  .title{
+  .title {
     font-size: 24px;
     font-weight: bold;
     line-height: 34px;
     color: #424242;
     margin-bottom: 20px;
   }
-  .nav-content{
+  .nav-content {
     display: flex;
-    .tab-left{
-      li{
+    .tab-left {
+      li {
         width: 156px;
         height: 42px;
         background: #fff;
@@ -157,46 +158,46 @@ export default {
         font-weight: 500;
         margin-bottom: 6px;
         cursor: pointer;
-        &.active{
-          background: #AA1941;
+        &.active {
+          background: #aa1941;
           color: #fff;
         }
       }
     }
-    .tab-right{
+    .tab-right {
       display: flex;
       // margin-left: 18px;
-      li{
+      li {
         width: 156px;
         height: 186px;
         margin-left: 18px;
         background: #fff;
         padding-top: 36px;
         box-sizing: border-box;
-        transition: all .5s;
+        transition: all 0.5s;
         cursor: pointer;
-        img{
+        img {
           display: block;
           width: 64px;
           height: 64px;
           margin: 0 auto;
         }
-        .icon2{
+        .icon2 {
           display: none;
         }
-        &:hover{
+        &:hover {
           background: rgba(170, 25, 65, 1);
-          .icon{
+          .icon {
             display: none;
           }
-          .icon2{
+          .icon2 {
             display: block;
           }
-          .text{
+          .text {
             color: #fff;
           }
         }
-        .text{
+        .text {
           font-size: 14px;
           line-height: 18px;
           color: #666666;
@@ -207,7 +208,7 @@ export default {
     }
   }
 }
-.max-width-center{
+.max-width-center {
   width: 1212px;
   margin: 0 auto;
 }