官网修复一半

1

src/views/index/blocks/helpList.vue

@@ -157,7 +157,7 @@ export default {
         border:1px solid #E8F7F4;
         position: relative;
         transform: translateY(-10px);
-        transition: all 0.3s;
+        transition: all 0.5s;
         .item.left {
           animation: 1s 0.1s jump infinite;
         }

src/views/index/blocks/recommend.vue

@@ -3,36 +3,38 @@
     <!-- <img class="bg" src="../images/helpBg.png" alt="" /> -->
     <div class="recommendDetail width1200">
       <el-tabs v-model="activeName" stretch>
-        <el-tab-pane label="器乐练习云教练" name="1">
-          <div class="commendItem" @click="openVideo">
+
+        <el-tab-pane label="器乐直播云教室" name="1">
+          <div class="commendItem">
             <div class="commendItemLeft animate__animated animate__slideInLeft">
-              <h4 class="commendTitle">
-                器乐练习云教练
-                <img class="player" src="../images/player.png" alt="" />
-              </h4>
+              <h4 class="commendTitle">器乐直播云教室</h4>
               <p>
-                拥有完全自主知识产权的器乐练习云教练，具有五线谱自动转化，五线谱跟播，演奏指法跟播，演奏速度自定义，原音/伴奏一键切换等辅助练习功能。智能评测功能，通过演奏音频采集与标准曲谱比对，实时提供智能点评报告，自动提示练习对错，让学生和家长能够及时发现乐器练习过程中存在的问题，提高练习效率，可谓是学生学习乐器的“随身教练”。
+                全国首家线教学场景，高保真技术，智能降噪音质高度还原。白板互动教学，内置白板书写工具；自有教学资源共享教学，本地曲谱上传，能够为学员提供线下教学体验不到的便利。
               </p>
             </div>
             <div
               class="commendItemRight animate__animated animate__slideInRight"
             >
-              <img src="../images/commendItem1.png" alt="" />
+              <img src="../images/commendItem2.png" alt="" />
             </div>
           </div>
         </el-tab-pane>
-        <el-tab-pane label="器乐直播云教室" name="2">
-          <div class="commendItem">
+                <el-tab-pane label="器乐练习云教练" name="2">
+          <div class="commendItem" >
             <div class="commendItemLeft animate__animated animate__slideInLeft">
-              <h4 class="commendTitle">器乐直播云教室</h4>
+              <h4 class="commendTitle">
+                器乐练习云教练
+                <!-- <img class="player" src="../images/player.png" alt="" /> -->
+              </h4>
               <p>
-                全国首家线教学场景，高保真技术，智能降噪音质高度还原。白板互动教学，内置白板书写工具；自有教学资源共享教学，本地曲谱上传，能够为学员提供线下教学体验不到的便利。
+                拥有完全自主知识产权的器乐练习云教练，具有五线谱自动转化，五线谱跟播，演奏指法跟播，演奏速度自定义，原音/伴奏一键切换等辅助练习功能。智能评测功能，通过演奏音频采集与标准曲谱比对，实时提供智能点评报告，自动提示练习对错，让学生和家长能够及时发现乐器练习过程中存在的问题，提高练习效率，可谓是学生学习乐器的“随身教练”。
               </p>
+              <p class="lookMore" @click="openVideo">查看视频 >></p>
             </div>
             <div
               class="commendItemRight animate__animated animate__slideInRight"
             >
-              <img src="../images/commendItem2.png" alt="" />
+              <img src="../images/commendItem1.png" alt="" />
             </div>
           </div>
         </el-tab-pane>
@@ -40,15 +42,17 @@
           <div class="commendItem" @click="gotoXiu">
             <div class="commendItemLeft animate__animated animate__slideInLeft">
               <h4 class="commendTitle">
-                器乐直播云考场<img
+                器乐直播云考场
+                <!-- <img
                   class="player"
                   src="../images/arrow2.png"
                   alt=""
-                />
+                /> -->
               </h4>
               <p>
                 器乐考级监考评分一体化平台，线上考级全流程覆盖，信息化赋能打造全流程线上考级模式。随时随地保证用户数据安全，打破时间空间限制将考级生命周期（招考-排考-考核-统计-制证-结算）完整呈现。
               </p>
+              <p class="lookMore" @click="openVideo">云考场详情 >></p>
             </div>
             <div
               class="commendItemRight animate__animated animate__slideInRight"
@@ -248,6 +252,15 @@ export default {
           color: #6a7388;
           line-height: 30px;
         }
+        .lookMore {
+          color: #2dc7aa;
+          margin-top: 20px;
+          cursor: pointer;
+          font-size: 15px;
+          &:hover{
+            opacity: .8;
+          }
+        }
       }
       .commendItemRight {
         width: 589px;

src/views/index/index.vue

@@ -44,6 +44,9 @@ export default {
       showForm: false,
     };
   },
+  mounted(){
+    console.log(this.$router)
+  },
   methods: {
     changeStatus(val) {
       console.log(val);