11

11

src/components/headerSection.vue

@@ -17,7 +17,7 @@
         <a :class="checkActive==4?'active':''"
            @click="change(4,'videoList')">操作指南</a>
         <a :class="checkActive==5?'active':''"
-           @click="change(5,'consult')">行业咨询</a>
+           @click="change(5,'consult')">行业资讯</a>
         <a :class="checkActive==6?'active':''"
            @click="change(6,'aboutUs')">关于我们</a>
         <div class="bandBtn"

src/components/video/index.vue

@@ -34,7 +34,4 @@ export default {
 </script>
 
 <style lang="less" scoped>
-/deep/.c-plyr {
-  --plyr-color-main: #2dc7aa !important;
-}
 </style>

src/views/index/blocks/aboutUs.vue

@@ -34,6 +34,8 @@ export default {
     color: #2c2c2c;
     font-weight: bold;
     margin: 73px 0 87px;
+    font-weight: 400;
+    letter-spacing: 3px;
   }
   .detailWrap {
     width: 1000px;

src/views/index/blocks/banner.vue

@@ -4,7 +4,7 @@
       <div>
         <img class="animate__animated animate__fadeInDown"
              src="../images/topTitle.png"
-             width="1270"
+             width="959"
              alt="">
       </div>
       <div>
@@ -59,6 +59,7 @@
       line-height: 46px;
       font-size: 16px;
       background: #2dc7aa;
+      border: 1px solid #2dc7aa;
       width: 184px;
       height: 46px;
       color: #ffffff;
@@ -83,6 +84,7 @@
       cursor: pointer;
       &:hover {
         background-color: #2dc7aa;
+        border: 1px solid #2dc7aa;
       }
     }
   }

src/views/index/blocks/detail.vue

@@ -13,7 +13,7 @@
       <li>当您的网络出现波动，影响直播考试时，评委会切换到下一位考生继续考试，您需要根据系统提示点击【确定】，再次进行设备检查及考试引导】，确认网络状况正常后重新进行【签到】，重新排队等待考试</li>
       <li>直播考试若网络状况较差时，评审会要求您使用【录播】完成考试，系统会提示您【当前状态无法正常完成在线直播考试，主考官建议您录播上传考试视频】，请根据提示点击【去录播】</li>
       <li>进入录播界面后仔细阅读系统指引，在录播规定时间内完成视频录制并上传，点击【完成考试】后不可继续录制视频，请确认完成所有考级曲目录制后点击【完成考试】，考试结束</li>
-  </ol>
+    </ol>
   </div>
 </template>
 <script>
@@ -22,31 +22,34 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-.container{
-  background: url('../images/detail.png') no-repeat center;
+.container {
+  background: url("../images/detail.png") no-repeat center;
   background-size: cover;
   background-attachment: fixed;
   color: #fff;
   height: 847px;
   display: flex;
 }
-  .detail{
-    width: 1084px;
-    margin: auto;
-    h2{
-      text-align: center;
-      font-size: 34px;
-      line-height: 48px;
-      margin-bottom: 42px;
-    }
-    &.items{
-      padding-left: 40px;
-      li{
-        text-align: left;
-        font-size: 15px;
-        line-height: 21px;
-        margin-bottom: 20px;
-      }
+.detail {
+  width: 1084px;
+  margin: 75px auto 0;
+  h2 {
+    text-align: center;
+    font-size: 34px;
+    line-height: 48px;
+    margin-bottom: 42px;
+    letter-spacing: 5px;
+    font-weight: 400;
+  }
+  &.items {
+    padding-left: 40px;
+    li {
+      display: block;
+      text-align: left;
+      font-size: 15px;
+      line-height: 34px;
+      margin-bottom: 20px;
     }
   }
+}
 </style>

src/views/index/blocks/infos.vue

@@ -2,11 +2,16 @@
   <div class="container">
     <div class="infos width1200">
       <header class="headers">
-        <span @click="setActive(0)" :class="{active: active === 0}">考级生命周期</span>
-        <span @click="setActive(1)" :class="{active: active === 1}">生源拓展</span>
-        <span @click="setActive(2)" :class="{active: active === 2}">高效管理</span>
-        <span @click="setActive(3)" :class="{active: active === 3}">节省成本</span>
-        <span @click="setActive(4)" :class="{active: active === 4}">零收入使用</span>
+        <span @click="setActive(0)"
+              :class="{active: active === 0}">考级生命周期</span>
+        <span @click="setActive(1)"
+              :class="{active: active === 1}">生源拓展</span>
+        <span @click="setActive(2)"
+              :class="{active: active === 2}">高效管理</span>
+        <span @click="setActive(3)"
+              :class="{active: active === 3}">节省成本</span>
+        <span @click="setActive(4)"
+              :class="{active: active === 4}">零收入使用</span>
       </header>
       <div class="content">
         <transition name="fade">
@@ -29,7 +34,7 @@
           <template v-if="active === 2">
             <div>
               <p class="desc">考级全流程节点跟进，<strong>极大提升管理效率</strong></p>
-              <efficient/>
+              <efficient />
             </div>
           </template>
         </transition>
@@ -45,7 +50,7 @@
           <template v-if="active === 4">
             <div>
               <p class="desc"><strong>零投入</strong>，平台研发完善可立即使用</p>
-              <zero/>
+              <zero />
             </div>
           </template>
         </transition>
@@ -137,6 +142,7 @@ export default {
     padding-top: 50px;
     border-bottom: 2px solid #eaeaea;
     > span {
+      margin-left: 50px;
       color: #242424;
       cursor: pointer;
       display: inline-block;
@@ -152,8 +158,8 @@ export default {
         position: absolute;
         content: "";
         top: 145%;
-        left: 0;
-        width: 100%;
+        left: 12%;
+        width: 80%;
         height: 2px;
         background-color: #2dc7aa;
         z-index: 100;