'多端课堂'

components/products/parent.vue

@@ -7,92 +7,96 @@
       >
       <section class="label">家长端APP</section>
     </div>
-    <slot></slot>
-    <slot name="label"></slot>
-    <div class="content">
-      <!-- <img
-        src="http://res.training.luojigou.vip/lrW91RgYOMu18CYaH3qDbSUVE2bi?imageView2/0/q/50|imageslim"
-        alt=""
-      > -->
-      <div class="content-list">
-        <div class="content-list-one w1200 wow animate__animated animate__lightSpeedInRight">
-          <div class="left">
-            <!-- <img
-              src="http://res.training.luojigou.vip/FjidkWaOJvx87vZHje3VpIYyNaeV?imageView2/0/q/50|imageslim"
-              alt=""
-            > -->
-            <img :src="firstImg" alt="">
-          </div>
-          <div class="right">
-            <div class="label">逻辑狗家长端记录为家长提</div>
-            <div class="label">供宝宝成长记录</div>
-            <div class="desc content-desc">点击下方下载苹果端和安卓端app，立即体验</div>
-            <div class="download">
-              <img
-                src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
-                alt=""
-              >
-              <img
-                src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
+    <div class="main-wrap">
+      <slot></slot>
+      <slot name="label"></slot>
+      <div class="content">
+        <!-- <img
+          src="http://res.training.luojigou.vip/lrW91RgYOMu18CYaH3qDbSUVE2bi?imageView2/0/q/50|imageslim"
+          alt=""
+        > -->
+        <div class="content-list">
+          <div class="content-list-one w1200 wow animate__animated animate__lightSpeedInRight">
+            <div class="left">
+              <!-- <img
+                src="http://res.training.luojigou.vip/FjidkWaOJvx87vZHje3VpIYyNaeV?imageView2/0/q/50|imageslim"
                 alt=""
-              >
+              > -->
+              <img :src="firstImg" alt="">
+            </div>
+            <div class="right">
+              <div class="label">逻辑狗家长端记录为家长提</div>
+              <div class="label">供宝宝成长记录</div>
+              <div class="desc content-desc">点击下方下载苹果端和安卓端app，立即体验</div>
+              <div class="download">
+                <img
+                  @click="handleDownload"
+                  src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
+                  alt=""
+                >
+                <img
+                  @click="handleDownload"
+                  src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
+                  alt=""
+                >
+              </div>
             </div>
           </div>
-        </div>
-        <div class="content-list-two w1200 wow animate__animated animate__lightSpeedInLeft">
-          <div class="left">
-            <div class="label">购买课程，更加便捷流畅的</div>
-            <div class="label">抢课体验</div>
-            <div class="desc content-desc">页面展示课程列表，实时展示课程的最新上线，</div>
-            <div class="desc">提供最优质的抢课体验</div>
-          </div>
-          <div class="right">
-            <!-- <img src="http://res.training.luojigou.vip/Fm096zbH-x0IxAcT8IinoIHeMCoi?imageView2/0/q/50|imageslim" alt="" > -->
-            <img :src="secondImg" alt="" >
-          </div>
-        </div>
-        <div class="content-list-three w1200 wow animate__animated animate__lightSpeedInRight">
-          <div class="left">
-            <!-- <img
-              src="http://res.training.luojigou.vip/Fv4R4SZiqrVipdyYDlwhKJ4vTjIE?imageView2/0/q/50|imageslim"
-              alt=""
-            > -->
-            <img :src="threeImg" alt="" >
-          </div>
-          <div class="right">
-            <div class="label">购物商城，展现逻辑狗的系</div>
-            <div class="label">列产品</div>
-            <div class="desc content-desc">精细的产品分类，你最短时间找到自己需要的</div>
-            <div class="desc">产品</div>
-          </div>
-        </div>
-        <div class="content-list-four w1200 wow animate__animated animate__lightSpeedInLeft">
-          <div class="left">
-            <div class="label">直播回放，体验APP原生大</div>
-            <div class="label">屏大视野</div>
-            <div class="desc content-desc">精细的产品分类，你最短时间找到自己需要的 产品</div>
-            <div class="desc">产品</div>
+          <div class="content-list-two w1200 wow animate__animated animate__lightSpeedInLeft">
+            <div class="left">
+              <div class="label">购买课程，更加便捷流畅的</div>
+              <div class="label">抢课体验</div>
+              <div class="desc content-desc">页面展示课程列表，实时展示课程的最新上线，</div>
+              <div class="desc">提供最优质的抢课体验</div>
+            </div>
+            <div class="right">
+              <!-- <img src="http://res.training.luojigou.vip/Fm096zbH-x0IxAcT8IinoIHeMCoi?imageView2/0/q/50|imageslim" alt="" > -->
+              <img :src="secondImg" alt="" >
+            </div>
           </div>
-          <div class="right">
-            <img :src="fourImg" alt="" >
-            <!-- <img
-              src="http://res.training.luojigou.vip/FkdjYnOvv_62O27MOTJJ5Kmco6U8?imageView2/0/q/50|imageslim"
-              alt=""
-            > -->
+          <div class="content-list-three w1200 wow animate__animated animate__lightSpeedInRight">
+            <div class="left">
+              <!-- <img
+                src="http://res.training.luojigou.vip/Fv4R4SZiqrVipdyYDlwhKJ4vTjIE?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+              <img :src="threeImg" alt="" >
+            </div>
+            <div class="right">
+              <div class="label">购物商城，展现逻辑狗的系</div>
+              <div class="label">列产品</div>
+              <div class="desc content-desc">精细的产品分类，你最短时间找到自己需要的</div>
+              <div class="desc">产品</div>
+            </div>
           </div>
-        </div>
-        <div class="content-list-five w1200 wow animate__animated animate__lightSpeedInRight">
-          <div class="left">
-            <img :src="fiveImg" alt="" >
-            <!-- <img
-              src="http://res.training.luojigou.vip/Fs6eujHZZwUgrrGDANQ3vdhR-mpG?imageView2/0/q/50|imageslim"
-              alt=""
-            > -->
+          <div class="content-list-four w1200 wow animate__animated animate__lightSpeedInLeft">
+            <div class="left">
+              <div class="label">直播回放，体验APP原生大</div>
+              <div class="label">屏大视野</div>
+              <div class="desc content-desc">精细的产品分类，你最短时间找到自己需要的 产品</div>
+              <div class="desc">产品</div>
+            </div>
+            <div class="right">
+              <img :src="fourImg" alt="" >
+              <!-- <img
+                src="http://res.training.luojigou.vip/FkdjYnOvv_62O27MOTJJ5Kmco6U8?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+            </div>
           </div>
-          <div class="right">
-            <div class="label">离线下载，更加便捷的学习</div>
-            <div class="label">方式</div>
-            <div class="desc content-desc">课程下载到app，随时随地自由学习</div>
+          <div class="content-list-five w1200 wow animate__animated animate__lightSpeedInRight">
+            <div class="left">
+              <img :src="fiveImg" alt="" >
+              <!-- <img
+                src="http://res.training.luojigou.vip/Fs6eujHZZwUgrrGDANQ3vdhR-mpG?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+            </div>
+            <div class="right">
+              <div class="label">离线下载，更加便捷的学习</div>
+              <div class="label">方式</div>
+              <div class="desc content-desc">课程下载到app，随时随地自由学习</div>
+            </div>
           </div>
         </div>
       </div>
@@ -126,10 +130,21 @@ export default {
       }).init();
     }
   },
+  methods: {
+    handleDownload() {
+      window.location.href = `https://sj.qq.com/myapp/detail.htm?apkName=com.zaojiao.app.parent`;
+    }
+  }
 };
 </script>
 <style scoped lang="scss">
 .Parent-container {
+  .main-wrap {
+    background-image: url('~assets/images/products/parent_bg.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    padding-bottom: 280px;
+  }
   .content-list {
     .left {
       display: flex;
@@ -204,13 +219,7 @@ export default {
     }
   }
   .content {
-    background-image: url('~assets/images/products/parent_bg.png');
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: top -451px left;
-    // position: relative;
-    // z-index: -1;
-    // top: -653px;
+    
     img {
       width: 100%;
       height: 5210px;
@@ -305,7 +314,7 @@ export default {
       .content-list-three {
         display: flex;
         justify-content: space-between;
-        margin-top: 291px;
+        margin-top: 276px;
         .left {
           img {
             width: 625px;
@@ -336,7 +345,7 @@ export default {
       .content-list-four {
         display: flex;
         justify-content: space-between;
-        margin-top: 291px;
+        margin-top: 252px;
         .right {
           img {
             width: 488px;
@@ -367,7 +376,7 @@ export default {
       .content-list-five {
         display: flex;
         justify-content: space-between;
-        margin-top: 291px;
+        margin-top: 257px;
         .left {
           img {
             width: 625px;

components/products/teacher.vue

@@ -7,89 +7,104 @@
 			>
 			<section class="label">教师APP</section>
 		</div>
-		<slot></slot>
-		<slot name="label"></slot>
-		<div class="content">
-			<img
-				class="bg-img"
-				src="http://res.training.luojigou.vip/FptKxSHKx-s710eoLowQzeaOIDrZ?imageView2/0/q/50|imageslim"
-				alt=""
-			>
-			<div class="content-list">
-				<div class="content-list-one wow animate__animated animate__lightSpeedInRight">
-					<div class="left">
-						<div class="label">教师端APP使教师更好管 理，记录宝宝成长</div>
-						<div class="desc">点击下方下载苹果端和安卓端app，立即体验</div>
-						<div class="download">
-							<img
-								class="cp"
-								src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
-								alt=""
-							>
-							<img
-								class="cp"
-								src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
-								alt=""
-							>
-						</div>
-					</div>
-					<div class="right">
-						<img
-							src="http://res.training.luojigou.vip/FsvUZCVqc4Buqv5lzX-LvFfnNwip?imageView2/0/q/50|imageslim"
-							alt=""
-						>
-					</div>
-				</div>
-				<div class="content-list-two wow animate__animated animate__lightSpeedInLeft">
-					<div class="left">
-						<img
-							src="http://res.training.luojigou.vip/FizSPHT_QRzPSwGd9vTZzh40E_39?imageView2/0/q/50|imageslim"
-							alt=""
-						>
-					</div>
-					<div class="right">
-						<div class="label">购买课程，更加便捷流畅的 抢课体验</div>
-						<div class="desc">优化金刚区图标入口分类，丰富课程展现，节 省操作时间，提高用户体验</div>
-					</div>
-				</div>
-				<div class="content-list-three wow animate__animated animate__lightSpeedInRight">
-					<div class="left">
-						<div class="label">购物商城，精简入口， 丰富内容</div>
-						<div class="desc">更快速便捷购买到自己需要的书籍资料</div>
-					</div>
-					<div class="right">
-						<img
-							src="http://res.training.luojigou.vip/FuEKg4hF998JPuy742NZvgYoAiYt?imageView2/0/q/50|imageslim"
-							alt=""
-						>
-					</div>
-				</div>
-				<div class="content-list-four wow animate__animated animate__lightSpeedInLeft">
-					<div class="left">
-						<img
-							src="http://res.training.luojigou.vip/FrmwkZkCodJnyC1O8eyIUyRyZqjD?imageView2/0/q/50|imageslim"
-							alt=""
-						>
-					</div>
-					<div class="right">
-						<div class="label">购物商城，展现逻辑狗的系 列产品</div>
-						<div class="desc">精细的产品分类，你最短时间找到自己需要的 产品</div>
-					</div>
-				</div>
-				<div class="content-list-five wow animate__animated animate__lightSpeedInRight">
-					<div class="left">
-						<div class="label">查看更加便捷的学习方式</div>
-						<div class="desc">课程下载到app，随时随地自由学习</div>
-					</div>
-					<div class="right">
-						<img
-							src="http://res.training.luojigou.vip/Fr03YUbwfy49vSDg5gNyEgNMy9Th?imageView2/0/q/50|imageslim"
-							alt=""
-						>
-					</div>
-				</div>
-			</div>
-		</div>
+    <div class="main-wrap">
+      <slot></slot>
+      <slot name="label"></slot>
+      <div class="content">
+        <!-- <img
+          class="bg-img"
+          src="http://res.training.luojigou.vip/FptKxSHKx-s710eoLowQzeaOIDrZ?imageView2/0/q/50|imageslim"
+          alt=""
+        > -->
+        <div class="content-list w1200">
+          <div class="content-list-one wow animate__animated animate__lightSpeedInRight">
+            <div class="left">
+              <div class="label">教师端APP使教师更好管</div>
+              <div class="label">理，记录宝宝成长</div>
+              <div class="desc content-desc">点击下方下载苹果端和安卓端app，立即体验</div>
+              <div class="download">
+                <img
+                  class="cp"
+                  @click="handleDownload"
+                  src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
+                  alt=""
+                >
+                <img
+                  class="cp"
+                  @click="handleDownload"
+                  src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
+                  alt=""
+                >
+              </div>
+            </div>
+            <div class="right">
+              <!-- <img
+                src="http://res.training.luojigou.vip/FsvUZCVqc4Buqv5lzX-LvFfnNwip?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+              <img :src="firstImg" alt="" >
+            </div>
+          </div>
+          <div class="content-list-two wow animate__animated animate__lightSpeedInLeft">
+            <div class="left">
+              <img :src="secondImg" alt="" >
+              <!-- <img
+                src="http://res.training.luojigou.vip/FizSPHT_QRzPSwGd9vTZzh40E_39?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+            </div>
+            <div class="right">
+              <div class="label">购买课程，更加便捷流畅的</div>
+              <div class="label">抢课体验</div>
+              <div class="desc content-desc">优化金刚区图标入口分类，丰富课程展现，节</div>
+              <div class="desc">省操作时间，提高用户体验</div>
+            </div>
+          </div>
+          <div class="content-list-three wow animate__animated animate__lightSpeedInRight">
+            <div class="left">
+              <div class="label">购物商城，精简入口，</div>
+              <div class="label">丰富内容</div>
+              <div class="desc content-desc">更快速便捷购买到自己需要的书籍资料</div>
+            </div>
+            <div class="right">
+              <img :src="threeImg" alt="" >
+              <!-- <img
+                src="http://res.training.luojigou.vip/FuEKg4hF998JPuy742NZvgYoAiYt?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+            </div>
+          </div>
+          <div class="content-list-four wow animate__animated animate__lightSpeedInLeft">
+            <div class="left">
+              <img :src="fourImg" alt="" >
+              <!-- <img
+                src="http://res.training.luojigou.vip/FrmwkZkCodJnyC1O8eyIUyRyZqjD?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+            </div>
+            <div class="right">
+              <div class="label">购物商城，展现逻辑狗的系</div>
+              <div class="label">列产品</div>
+              <div class="desc content-desc">精细的产品分类，你最短时间找到自己需要的</div>
+              <div class="desc">产品</div>
+            </div>
+          </div>
+          <div class="content-list-five wow animate__animated animate__lightSpeedInRight">
+            <div class="left">
+              <div class="label">查看更加便捷的学习方式</div>
+              <div class="desc content-desc">课程下载到app，随时随地自由学习</div>
+            </div>
+            <div class="right">
+              <img :src="fiveImg" alt="" >
+              <!-- <img
+                src="http://res.training.luojigou.vip/Fr03YUbwfy49vSDg5gNyEgNMy9Th?imageView2/0/q/50|imageslim"
+                alt=""
+              > -->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
 	</section>
 </template>
 
@@ -102,7 +117,12 @@ export default {
 	data() {
     return {
       // showList,
-      bannerImg: require('~/assets/images/products/banner-app2.png')
+      bannerImg: require('~/assets/images/products/banner-app2.png'),
+      firstImg: require('~/assets/images/products/teach_img_first.png'),
+      secondImg: require('~/assets/images/products/teach_img_second.png'),
+      threeImg: require('~/assets/images/products/teach_img_three.png'),
+      fourImg: require('~/assets/images/products/teach_img_four.png'),
+      fiveImg: require('~/assets/images/products/teach_img_five.png'),
     };
   },
   mounted() {
@@ -113,13 +133,72 @@ export default {
       }).init();
     }
   },
+  methods: {
+    handleDownload() {
+      window.location.href = "https://android.myapp.com/myapp/detail.htm?apkName=com.luojigou.teacher";
+    }
+  }
 };
 </script>
 <style scoped lang="scss">
 .Teacher-container {
+  .content-list {
+    .content-desc {
+      margin-top: 48px;
+    }
+    .left {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      .label {
+        font-size: 26px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 600;
+        color: #333333;
+        line-height: 37px;
+      }
+      .desc {
+        height: 30px;
+        font-size: 16px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #666666;
+        line-height: 30px;
+        font-size: 18px;
+      }
+      img {
+        width: 601px;
+        height: 586px;
+      }
+    }
+  
+    .right {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      .label {
+        font-size: 26px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 600;
+        color: #333333;
+        line-height: 37px;
+      }
+      .desc {
+        width: 388px;
+        font-size: 18px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: rgba(58, 58, 58, 1);
+      }
+      // img {
+      //   width: 601px;
+      //   height: 586px;
+      // }
+    }
+  }
   .banner-img {
     position: relative;
-
+    font-size: 0;
     img {
       width: 100%;
       height: 595px;
@@ -135,23 +214,29 @@ export default {
       transform: translate(-50%, -50%);
     }
   }
+  .main-wrap {
+    background: url('~assets/images/products/teach_bg.png') no-repeat;
+    background-size: cover;
+    padding-bottom: 356px;
+  }
   .content {
-    position: relative;
-    z-index: 0;
-    top: -653px;
+    // position: relative;
+    // z-index: 0;
+    // top: -610px;
     img {
       width: 100%;
-      height: 5210px;
-      object-fit: cover;
+      // height: 5210px;
+      // height: 5050px ;
+      // object-fit: cover;
       // position: absolute;
       // z-index: 0;
     }
     .content-list {
       width: 100%;
-      position: absolute;
-      top: 883px;
-      left: 0;
-      padding: 0 344px;
+      // position: absolute;
+      // top: 825px;
+      // left: 50%;
+      // transform: translateX(-50%);
       box-sizing: border-box;
       z-index: 2;
       .content-list-one {
@@ -159,29 +244,31 @@ export default {
         justify-content: space-between;
         .right {
           img {
-            width: 601px;
-            height: 586px;
+            width: 508px;
+            height: 582px;
+            // width: 601px;
+            // height: 586px;
           }
         }
         .left {
           display: flex;
           flex-direction: column;
           justify-content: center;
-          .label {
-            width: 369px;
-            height: 84px;
-            color: #262626;
-            font-size: 30px;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-          }
-          .desc {
-            margin-top: 42px;
-            font-size: 18px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: rgba(58, 58, 58, 1);
-          }
+          // .label {
+          //   width: 369px;
+          //   height: 84px;
+          //   color: #262626;
+          //   font-size: 30px;
+          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-weight: 600;
+          // }
+          // .desc {
+          //   margin-top: 42px;
+          //   font-size: 18px;
+          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-weight: 400;
+          //   color: rgba(58, 58, 58, 1);
+          // }
           .download {
             margin-top: 81px;
             display: flex;
@@ -203,30 +290,32 @@ export default {
         margin-top: 291px;
         .left {
           img {
-            width: 601px;
-            height: 586px;
+            width: 568px;
+            height: 582px;
+            // width: 601px;
+            // height: 586px;
           }
         }
         .right {
           display: flex;
           flex-direction: column;
           justify-content: center;
-          .label {
-            width: 369px;
-            height: 84px;
-            color: #262626;
-            font-size: 30px;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-          }
-          .desc {
-            width: 388px;
-            margin-top: 42px;
-            font-size: 18px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: rgba(58, 58, 58, 1);
-          }
+          // .label {
+          //   width: 369px;
+          //   height: 84px;
+          //   color: #262626;
+          //   font-size: 30px;
+          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-weight: 600;
+          // }
+          // .desc {
+          //   width: 388px;
+          //   margin-top: 42px;
+          //   font-size: 18px;
+          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-weight: 400;
+          //   color: rgba(58, 58, 58, 1);
+          // }
         }
       }
       .content-list-three {
@@ -235,30 +324,32 @@ export default {
         margin-top: 291px;
         .right {
           img {
-            width: 601px;
-            height: 586px;
+            width: 591px;
+            height: 568px;
+            // width: 601px;
+            // height: 586px;
           }
         }
         .left {
           display: flex;
           flex-direction: column;
           justify-content: center;
-          .label {
-            width: 369px;
-            height: 84px;
-            color: #262626;
-            font-size: 30px;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-          }
-          .desc {
-            width: 388px;
-            margin-top: 42px;
-            font-size: 18px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: rgba(58, 58, 58, 1);
-          }
+          // .label {
+          //   width: 369px;
+          //   height: 84px;
+          //   color: #262626;
+          //   font-size: 30px;
+          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-weight: 600;
+          // }
+          // .desc {
+          //   width: 388px;
+          //   margin-top: 42px;
+          //   font-size: 18px;
+          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-weight: 400;
+          //   color: rgba(58, 58, 58, 1);
+          // }
         }
       }
       .content-list-four {
@@ -267,7 +358,7 @@ export default {
         margin-top: 291px;
         .left {
           img {
-            width: 601px;
+            width: 567px;
             height: 586px;
           }
         }
@@ -275,22 +366,22 @@ export default {
           display: flex;
           flex-direction: column;
           justify-content: center;
-          .label {
-            width: 369px;
-            height: 84px;
-            color: #262626;
-            font-size: 30px;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-          }
-          .desc {
-            width: 388px;
-            margin-top: 42px;
-            font-size: 18px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: rgba(58, 58, 58, 1);
-          }
+          // .label {
+          //   width: 369px;
+          //   height: 84px;
+          //   color: #262626;
+          //   font-size: 30px;
+          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-weight: 600;
+          // }
+          // .desc {
+          //   width: 388px;
+          //   margin-top: 42px;
+          //   font-size: 18px;
+          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-weight: 400;
+          //   color: rgba(58, 58, 58, 1);
+          // }
         }
       }
       .content-list-five {
@@ -299,30 +390,30 @@ export default {
         margin-top: 291px;
         .right {
           img {
-            width: 601px;
-            height: 586px;
+            width: 615px;
+            height: 576px;
           }
         }
         .left {
           display: flex;
           flex-direction: column;
           justify-content: center;
-          .label {
-            width: 369px;
-            height: 84px;
-            color: #262626;
-            font-size: 30px;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-          }
-          .desc {
-            width: 388px;
-            margin-top: 42px;
-            font-size: 18px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: rgba(58, 58, 58, 1);
-          }
+          // .label {
+          //   width: 369px;
+          //   height: 84px;
+          //   color: #262626;
+          //   font-size: 30px;
+          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-weight: 600;
+          // }
+          // .desc {
+          //   width: 388px;
+          //   margin-top: 42px;
+          //   font-size: 18px;
+          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-weight: 400;
+          //   color: rgba(58, 58, 58, 1);
+          // }
         }
       }
     }

pages/index.vue

@@ -1057,29 +1057,81 @@ export default {
       ],
       honorList: [
         {
-          imgUrl: require("../assets/images/index/honer01.png"),
+          imgUrl: require("../assets/images/honor/honer01.png"),
           title: "逻辑狗",
         },
         {
-          imgUrl: require("../assets/images/index/honer02.png"),
+          imgUrl: require("../assets/images/honor/honer02.png"),
           title: "逻辑狗",
         },
         {
-          imgUrl: require("../assets/images/index/honer03.png"),
+          imgUrl: require("../assets/images/honor/honer03.png"),
           title: "逻辑狗",
         },
         {
-          imgUrl: require("../assets/images/index/honer04.png"),
+          imgUrl: require("../assets/images/honor/honer04.png"),
           title: "逻辑狗",
         },
         {
-          imgUrl: require("../assets/images/index/honer05.png"),
+          imgUrl: require("../assets/images/honor/honer05.png"),
           title: "逻辑狗",
         },
         {
-          imgUrl: require("../assets/images/index/honer06.png"),
+          imgUrl: require("../assets/images/honor/honer06.png"),
           title: "逻辑狗",
-        }
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer07.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer08.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer09.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer10.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer11.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer12.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer13.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer14.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer15.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer16.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer17.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer18.png"),
+          title: "逻辑狗",
+        },
+        {
+          imgUrl: require("../assets/images/honor/honer19.png"),
+          title: "逻辑狗",
+        },
       ],
       articleList: {
         articleNews: {
@@ -1219,11 +1271,12 @@ export default {
         spaceBetween: 30, //轮播图左右之间的间距，配合css样式中的width实现效果
         // slidesOffsetBefore: 100,
         // slidesOffsetAfter: 100,
-        autoplay: {
-          delay: 3000,
-          stopOnLastSlide: false,
-          disableOnInteraction: false,
-        },
+        // autoplay: {
+        //   delay: 3000,
+        //   stopOnLastSlide: false,
+        //   disableOnInteraction: false,
+        // },
+        autoplay: false,
         speed: 1000,
         loop: true,
         observer: true,
@@ -2480,7 +2533,7 @@ ul.cate-nav {
       .honer-img {
         width: 239px;
         height: 169px;
-        object-fit: fill;
+        object-fit: cover;
       }
     }
   }

pages/product/course.vue

@@ -209,7 +209,8 @@ export default {
       justify-content: center;
       position: relative;
       z-index: 3;
-      margin-top: 106px;
+      // margin-top: 106px;
+      padding-top: 123px;
         img {
           width: 1200px;
           height: 179px;