'品牌故事ui'

components/about/banner.vue

@@ -39,7 +39,7 @@ export default {
   align-items: center;
   height: 595px;
   font-size:64px;
-  font-family:PingFangSC-Medium,PingFang SC;
+  font-family:PingFangSC-Medium, sans-serif;
   font-weight:500;
   color:#ffffff;
   background-size: 100% 100%;

components/home/footer.vue

@@ -100,7 +100,7 @@
 				color: #FFFFFF;
 				font-size: 46px;
 				line-height: 46px;
-				font-family: PingFangSC-Medium,PingFang SC;
+				font-family: PingFangSC-Medium, sans-serif;
 				font-weight: 500;
 			}
 			.small-tel {

components/home/header.vue

@@ -181,7 +181,7 @@ export default {
   height: 25px;
   line-height: 25px;
   font-size: 18px;
-  font-family: PingFangSC-Semibold,PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   a {
     color: $theme_color;
@@ -218,7 +218,7 @@ ul.h-nav-list {
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
-  // font-family: PingFangSC-Medium,PingFang SC;
+  // font-family: PingFangSC-Medium, sans-serif;
   font-weight: 400;
 }
 
@@ -246,7 +246,7 @@ ul.h-nav-list {
   position: relative;
   color: $theme_color;
   transition: all 0.3s;
-  font-family: PingFangSC-Medium, PingFang SC;
+  font-family: PingFangSC-Medium, sans-serif;
   font-weight: 500;
   // border-bottom: 2px solid $theme_color_fu;
 }

components/products/h5.vue

@@ -10,7 +10,7 @@
     <slot></slot>
     <slot name="label"></slot>
     <div class="content">
-      <div class="content-first wow animate__animated animate__lightSpeedInRight">
+      <div class="content-first">
         <div class="content-first-info w1200">
           <div class="left">
             <h4>轻松找到课堂入口 创造优质</h4>
@@ -23,7 +23,7 @@
           </div>
         </div>
       </div>
-      <div class="content-seconed wow animate__animated animate__lightSpeedInLeft">
+      <div class="content-seconed">
         <div class="content-seconed-info w1200">
           <div class="left">
             <img :src="secondImg" alt="">
@@ -72,7 +72,7 @@ export default {
       height: 595px;
     }
     .label {
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #ffffff;
       font-size: 80px;
@@ -107,14 +107,14 @@ export default {
         h4 {
           // font-size: 30px;
           font-size: 26px;
-          // font-family: PingFangSC-Medium, PingFang SC;
+          // font-family: PingFangSC-Medium, sans-serif;
           font-weight: 600;
           color: #333333;
           line-height: 37px;
         }
         .desc {
           font-size: 16px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: #666666;
           line-height: 28px;
@@ -134,14 +134,14 @@ export default {
         justify-content: center;
         h4 {
           font-size: 26px;
-          // font-family: PingFangSC-Medium, PingFang SC;
+          // font-family: PingFangSC-Medium, sans-serif;
           font-weight: 600;
           color: #333333;
           line-height: 37px;
         }
         .desc {
           font-size: 16px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: #666666;
           line-height: 28px;

components/products/label.vue

@@ -40,7 +40,7 @@ export default {
   .label-item {
     position: relative;
     font-size: 16px;
-    font-family: PingFangSC-Regular, PingFang SC;
+    font-family: PingFangSC-Regular, sans-serif;
     font-weight: 400;
     color: #666666;
     line-height: 22px;
@@ -55,7 +55,7 @@ export default {
     .label {
       height: 65px;
       font-size: 46px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #333333;
       line-height: 65px;

components/products/parent.vue

@@ -16,7 +16,7 @@
           alt=""
         > -->
         <div class="content-list">
-          <div class="content-list-one w1200 wow animate__animated animate__lightSpeedInRight">
+          <div class="content-list-one w1200">
             <div class="left">
               <!-- <img
                 src="http://res.training.luojigou.vip/FjidkWaOJvx87vZHje3VpIYyNaeV?imageView2/0/q/50|imageslim"
@@ -42,7 +42,7 @@
               </div>
             </div>
           </div>
-          <div class="content-list-two w1200 wow animate__animated animate__lightSpeedInLeft">
+          <div class="content-list-two w1200">
             <div class="left">
               <div class="label">购买课程，更加便捷流畅的</div>
               <div class="label">抢课体验</div>
@@ -54,7 +54,7 @@
               <img :src="secondImg" alt="" >
             </div>
           </div>
-          <div class="content-list-three w1200 wow animate__animated animate__lightSpeedInRight">
+          <div class="content-list-three w1200">
             <div class="left">
               <!-- <img
                 src="http://res.training.luojigou.vip/Fv4R4SZiqrVipdyYDlwhKJ4vTjIE?imageView2/0/q/50|imageslim"
@@ -69,7 +69,7 @@
               <div class="desc">产品</div>
             </div>
           </div>
-          <div class="content-list-four w1200 wow animate__animated animate__lightSpeedInLeft">
+          <div class="content-list-four w1200">
             <div class="left">
               <div class="label">直播回放，体验APP原生大</div>
               <div class="label">屏大视野</div>
@@ -84,7 +84,7 @@
               > -->
             </div>
           </div>
-          <div class="content-list-five w1200 wow animate__animated animate__lightSpeedInRight">
+          <div class="content-list-five w1200">
             <div class="left">
               <img :src="fiveImg" alt="" >
               <!-- <img
@@ -152,7 +152,7 @@ export default {
       justify-content: center;
       .label {
         font-size: 26px;
-        font-family: PingFangSC-Medium, PingFang SC;
+        font-family: PingFangSC-Medium, sans-serif;
         font-weight: 600;
         color: #333333;
         line-height: 37px;
@@ -160,7 +160,7 @@ export default {
       .desc {
         height: 30px;
         font-size: 16px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #666666;
         line-height: 30px;
@@ -178,7 +178,7 @@ export default {
       justify-content: center;
       .label {
         font-size: 26px;
-        font-family: PingFangSC-Medium, PingFang SC;
+        font-family: PingFangSC-Medium, sans-serif;
         font-weight: 600;
         color: #333333;
         line-height: 37px;
@@ -186,7 +186,7 @@ export default {
       .desc {
         width: 388px;
         font-size: 18px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: rgba(58, 58, 58, 1);
       }
@@ -211,7 +211,7 @@ export default {
       left: 50%;
       transform: translate(-50%, -50%);
       font-size: 66px;
-      font-family: PingFangSC-Medium, PingFang SC;
+      font-family: PingFangSC-Medium, sans-serif;
       font-weight: 500;
       color: #FFFFFF;
       line-height: 92px;
@@ -254,13 +254,13 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   margin-top: 42px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }
@@ -298,14 +298,14 @@ export default {
         //     height: 84px;
         //     color: #262626;
         //     font-size: 30px;
-        //     font-family: PingFangSC-Semibold, PingFang SC;
+        //     font-family: PingFangSC-Semibold, sans-serif;
         //     font-weight: 600;
         //   }
         //   .desc {
         //     width: 388px;
         //     margin-top: 42px;
         //     font-size: 18px;
-        //     font-family: PingFangSC-Regular, PingFang SC;
+        //     font-family: PingFangSC-Regular, sans-serif;
         //     font-weight: 400;
         //     color: rgba(58, 58, 58, 1);
         //   }
@@ -330,13 +330,13 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   width: 388px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }
@@ -361,13 +361,13 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   width: 388px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }
@@ -392,13 +392,13 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   width: 388px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }

components/products/pc.vue

@@ -12,16 +12,16 @@
     <div class="content">
       <div class="first">
         <img
-          class="wow animate__animated animate__fadeIn"
+          class=""
           src="http://res.training.luojigou.vip/FjaqSRvcd-eDx0ilHzjzHnH1dGEu?imageView2/0/q/50|imageslim"
           alt=""
         >
       </div>
       <div class="seconed">
-        <div class="label wow animate__animated animate__zoomIn">更适合中国宝宝的儿童智能发展测评</div>
+        <div class="label">更适合中国宝宝的儿童智能发展测评</div>
         <div class="seconed-box">
           <div
-            :class="['seconed-item', 'wow', 'animate__animated', item.id === 0 ? 'animate__lightSpeedInLeft' :  item.id === 2? 'animate__lightSpeedInRight' : '']"
+            :class="['seconed-item']"
             v-for="item in showList"
             :key="item.id"
           >
@@ -31,7 +31,7 @@
       </div>
       <div class="thirdly">
         <img
-          class="wow animate__animated animate__fadeIn"
+          class=""
           src="http://res.training.luojigou.vip/Fq48NMcIKjcZ3q9QsRP5gCsJE-iI?imageView2/0/q/50|imageslim"
           alt=""
         >
@@ -88,7 +88,7 @@ export default {
       height: 595px;
     }
     .label {
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #ffffff;
       font-size: 80px;
@@ -115,7 +115,7 @@ export default {
       box-sizing: border-box;
       .label {
         font-size: 48px;
-        font-family: PingFangSC-Semibold, PingFang SC;
+        font-family: PingFangSC-Semibold, sans-serif;
         font-weight: 600;
         color: rgba(38, 38, 38, 1);
         letter-spacing: 1px;

components/products/prodList.vue

@@ -104,7 +104,7 @@ export default {
     color: #ffffff;
     height: 24px;
     line-height: 24px;
-    font-family: PingFangSC-Semibold, PingFang SC;
+    font-family: PingFangSC-Semibold, sans-serif;
     font-weight: 600;
     border-radius: 18px 0px 7px 0px;
   }
@@ -117,7 +117,7 @@ export default {
   border-radius: 0px 0px 18px 18px;
   padding: 10px 22px;
   .product-list-title {
-    font-family: PingFangSC-Regular, PingFang SC;
+    font-family: PingFangSC-Regular, sans-serif;
     font-weight: 400;
     color: #343E30;
     font-size: 20px;
@@ -149,7 +149,7 @@ export default {
   }
   .product-list-btn {
     font-size: 13px;
-    font-family: PingFangSC-Regular, PingFang SC;
+    font-family: PingFangSC-Regular, sans-serif;
     font-weight: 400;
     border: 1px solid rgba(60, 142, 255, 1);
     height: 28px;

components/products/teacher.vue

@@ -17,7 +17,7 @@
           alt=""
         > -->
         <div class="content-list w1200">
-          <div class="content-list-one wow animate__animated animate__lightSpeedInRight">
+          <div class="content-list-one">
             <div class="left">
               <div class="label">教师端APP使教师更好管</div>
               <div class="label">理，记录宝宝成长</div>
@@ -45,7 +45,7 @@
               <img :src="firstImg" alt="" >
             </div>
           </div>
-          <div class="content-list-two wow animate__animated animate__lightSpeedInLeft">
+          <div class="content-list-two">
             <div class="left">
               <img :src="secondImg" alt="" >
               <!-- <img
@@ -60,7 +60,7 @@
               <div class="desc">省操作时间，提高用户体验</div>
             </div>
           </div>
-          <div class="content-list-three wow animate__animated animate__lightSpeedInRight">
+          <div class="content-list-three">
             <div class="left">
               <div class="label">购物商城，精简入口，</div>
               <div class="label">丰富内容</div>
@@ -74,7 +74,7 @@
               > -->
             </div>
           </div>
-          <div class="content-list-four wow animate__animated animate__lightSpeedInLeft">
+          <div class="content-list-four">
             <div class="left">
               <img :src="fourImg" alt="" >
               <!-- <img
@@ -89,7 +89,7 @@
               <div class="desc">产品</div>
             </div>
           </div>
-          <div class="content-list-five wow animate__animated animate__lightSpeedInRight">
+          <div class="content-list-five">
             <div class="left">
               <div class="label">查看更加便捷的学习方式</div>
               <div class="desc content-desc">课程下载到app，随时随地自由学习</div>
@@ -152,7 +152,7 @@ export default {
       justify-content: center;
       .label {
         font-size: 26px;
-        font-family: PingFangSC-Medium, PingFang SC;
+        font-family: PingFangSC-Medium, sans-serif;
         font-weight: 600;
         color: #333333;
         line-height: 37px;
@@ -160,7 +160,7 @@ export default {
       .desc {
         height: 30px;
         font-size: 16px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #666666;
         line-height: 30px;
@@ -178,7 +178,7 @@ export default {
       justify-content: center;
       .label {
         font-size: 26px;
-        font-family: PingFangSC-Medium, PingFang SC;
+        font-family: PingFangSC-Medium, sans-serif;
         font-weight: 600;
         color: #333333;
         line-height: 37px;
@@ -186,7 +186,7 @@ export default {
       .desc {
         width: 388px;
         font-size: 18px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: rgba(58, 58, 58, 1);
       }
@@ -204,7 +204,7 @@ export default {
       height: 595px;
     }
     .label {
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #ffffff;
       font-size: 80px;
@@ -259,13 +259,13 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   margin-top: 42px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }
@@ -305,14 +305,14 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   width: 388px;
           //   margin-top: 42px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }
@@ -339,14 +339,14 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   width: 388px;
           //   margin-top: 42px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }
@@ -371,14 +371,14 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   width: 388px;
           //   margin-top: 42px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }
@@ -403,14 +403,14 @@ export default {
           //   height: 84px;
           //   color: #262626;
           //   font-size: 30px;
-          //   font-family: PingFangSC-Semibold, PingFang SC;
+          //   font-family: PingFangSC-Semibold, sans-serif;
           //   font-weight: 600;
           // }
           // .desc {
           //   width: 388px;
           //   margin-top: 42px;
           //   font-size: 18px;
-          //   font-family: PingFangSC-Regular, PingFang SC;
+          //   font-family: PingFangSC-Regular, sans-serif;
           //   font-weight: 400;
           //   color: rgba(58, 58, 58, 1);
           // }

components/products/xcx.vue

@@ -7,7 +7,7 @@
     <slot></slot>
     <slot name="label"></slot>
     <div class="content">
-      <div class="content-first wow animate__animated animate__lightSpeedInLeft">
+      <div class="content-first">
         <div class="content-first-info w1200">
           <div class="left">
             <img
@@ -23,7 +23,7 @@
           </div>
         </div>
       </div>
-      <div class="content-seconed wow animate__animated animate__lightSpeedInRight">
+      <div class="content-seconed">
         <div class="content-seconed-info w1200">
           <div class="left">
             <h4>轻松找到课堂入口 创造优质</h4>
@@ -73,7 +73,7 @@ export default {
       height: 595px;
     }
     .label {
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #ffffff;
       font-size: 80px;
@@ -107,7 +107,7 @@ export default {
         justify-content: center;
         h4 {
           font-size: 26px;
-          // font-family: PingFangSC-Medium, PingFang SC;
+          // font-family: PingFangSC-Medium, sans-serif;
           font-weight: 600;
           color: #333333;
           line-height: 37px;
@@ -117,7 +117,7 @@ export default {
         }
         .desc {
           font-size: 16px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: #666666;
           line-height: 28px;
@@ -136,7 +136,7 @@ export default {
           justify-content: center;
           h4 {
             font-size: 26px;
-            // font-family: PingFangSC-Medium, PingFang SC;
+            // font-family: PingFangSC-Medium, sans-serif;
             font-weight: 600;
             color: #333333;
             line-height: 37px;
@@ -146,7 +146,7 @@ export default {
           }
           .desc {
             font-size: 16px;
-            font-family: PingFangSC-Regular, PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             color: #666666;
             line-height: 28px;

layouts/error.vue

@@ -47,7 +47,7 @@
     .err-msg {
       height: 46px;
       font-size: 24px;
-      font-family: PingFangSC-Regular, PingFang SC;
+      font-family: PingFangSC-Regular, sans-serif;
       font-weight: 400;
       color: #333333;
       line-height: 45px;
@@ -62,7 +62,7 @@
       border-radius: 4px;
       a {
         font-size: 26px;
-        font-family: PingFangSC-Semibold, PingFang SC;
+        font-family: PingFangSC-Semibold, sans-serif;
         font-weight: 600;
         color: #FFFFFF;
       }

pages/about/brand.vue

@@ -38,6 +38,7 @@
             @mouseenter="currentEventImg(item)"
             class="yearImgurl cp"
             :src="item.yearImgurl"
+            :srcset="`${item.yearImgurlSet[0]} 1x, ${item.yearImgurlSet[1]} 2x`"
             alt=""
           >
           <img
@@ -45,6 +46,7 @@
             @mouseleave="currentEventImgId = ''"
             class="eventImgurl"
             :src="item.eventImgurl"
+            :style="{width: item.eventImgurlWidth + 'px', height:item.eventImgurlHeight + 'px'}"
             alt=""
           >
         </div>
@@ -233,7 +235,7 @@ const cultrueData = Object.freeze([
     imgUrl:
       "http://res.training.luojigou.vip/FuBgZGe-F3km2mVM4wByusZFFfAw?imageView2/0/q/50|imageslim",
     label: "愿景",
-    text: "让中国的孩子</br>幸福成长",
+    text: "让中国的孩子幸福成长",
   },
   {
     id: 3,
@@ -284,10 +286,13 @@ const eventData = Object.freeze([
       x: 3,
       y: 4,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FsTtnNKFpIsYh69tIsWqEiocc0Jr?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FrFfg21nonbZyNSUSpAWCiREn7lk?imageView2/0/q/50|imageslim",
+    // yearImgurl: "http://res.training.luojigou.vip/FsTtnNKFpIsYh69tIsWqEiocc0Jr?imageView2/0/q/50|imageslim",
+    // eventImgurl: "http://res.training.luojigou.vip/FrFfg21nonbZyNSUSpAWCiREn7lk?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2003.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2003.png'), require('~/assets/images/about/year_2003@2x.png')],
+    eventImgurl: "http://res.training.luojigou.vip/FrFfg21nonbZyNSUSpAWCiREn7lk?imageView2/0/q/50|imageslim",
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '350'
   },
   {
     id: 2004,
@@ -295,10 +300,14 @@ const eventData = Object.freeze([
       x: 2,
       y: 4,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fhe4VjIQDeQtQzPnSVmsDc4yYYzE?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fhe4VjIQDeQtQzPnSVmsDc4yYYzE?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FvnL2N118R-0Cp9OcKgK9Ru8nAyp?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2004.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2004.png'), require('~/assets/images/about/year_2004@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '240'
   },
   {
     id: 2005,
@@ -306,10 +315,14 @@ const eventData = Object.freeze([
       x: 1,
       y: 4,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FodjYYc3-VyZyJHnfuKJQGapkJzt?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FodjYYc3-VyZyJHnfuKJQGapkJzt?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FqNcz_3P81MubVeHzAnn_RrkMoCQ?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2005.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2005.png'), require('~/assets/images/about/year_2005@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '212'
   },
   {
     id: 2006,
@@ -317,10 +330,14 @@ const eventData = Object.freeze([
       x: 0,
       y: 4,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fj_2tRMk_1H9NSp9rE0XK0nEcv6g?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fj_2tRMk_1H9NSp9rE0XK0nEcv6g?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FkvModMYKxFJcnqRrpGSULyd9Th7?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2006.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2006.png'), require('~/assets/images/about/year_2006@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '264'
   },
   {
     id: 2007,
@@ -328,10 +345,14 @@ const eventData = Object.freeze([
       x: 0,
       y: 3,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fm4DqB0VKXcLXaa4P2suM1i-2LMZ?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fm4DqB0VKXcLXaa4P2suM1i-2LMZ?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/Fkp-2UvHIyIqEW9pu5tZKNpvcCov?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2007.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2007.png'), require('~/assets/images/about/year_2007@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '392'
   },
   {
     id: 2008,
@@ -339,10 +360,14 @@ const eventData = Object.freeze([
       x: 1,
       y: 3,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FlEj53_PWeL59J8V6qqduokmrEif?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FlEj53_PWeL59J8V6qqduokmrEif?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FpIzAvfIOeIhBEtzVEZYp74y7Wh3?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2008.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2008.png'), require('~/assets/images/about/year_2008@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '238'
   },
   {
     id: 2009,
@@ -350,10 +375,14 @@ const eventData = Object.freeze([
       x: 2,
       y: 3,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FtRU3rBk7D0SBEmbTujXX1o3THTU?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FtRU3rBk7D0SBEmbTujXX1o3THTU?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/Fnmlx106pwroL9I6UNo81BTpxGyO?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2009.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2009.png'), require('~/assets/images/about/year_2009@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '212'
   },
   {
     id: 2010,
@@ -361,10 +390,14 @@ const eventData = Object.freeze([
       x: 3,
       y: 3,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fmx2IObHIKURUiGbrvX4cpZ-u5MB?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fmx2IObHIKURUiGbrvX4cpZ-u5MB?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/Fg2GfiNmRknqRjTbzvCq09ewERIH?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2010.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2010.png'), require('~/assets/images/about/year_2010@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '392'
   },
   {
     id: 2011,
@@ -372,10 +405,14 @@ const eventData = Object.freeze([
       x: 3,
       y: 2,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FutAwrnX_ypeS4bUqol5xKVVqrXU?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FutAwrnX_ypeS4bUqol5xKVVqrXU?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FuPF8r4-f8-_SY_v0Tky2AnFPYeH?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2011.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2011.png'), require('~/assets/images/about/year_2011@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '420'
   },
   {
     id: 2012,
@@ -383,10 +420,14 @@ const eventData = Object.freeze([
       x: 2,
       y: 2,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fg3Jph3aJcX-hQtbvOs5UJZCzmj7?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fg3Jph3aJcX-hQtbvOs5UJZCzmj7?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/Fp5DT3Tg3CBl2rvjT9sIsCBcUSWu?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2012.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2012.png'), require('~/assets/images/about/year_2012@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '314'
   },
   {
     id: 2013,
@@ -394,10 +435,14 @@ const eventData = Object.freeze([
       x: 1,
       y: 2,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FjWOsyUqGM6eIaPW3_lCzDzw3h1M?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FjWOsyUqGM6eIaPW3_lCzDzw3h1M?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FirCgjTps0bLqGV5-TOpuX6q8SMl?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2013.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2013.png'), require('~/assets/images/about/year_2013@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '394'
   },
   {
     id: 2014,
@@ -405,10 +450,14 @@ const eventData = Object.freeze([
       x: 0,
       y: 2,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FqI9b5_4iP6WmoVE_z7o9RLm7RZe?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FqI9b5_4iP6WmoVE_z7o9RLm7RZe?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FlyzOxQWuiW2nYmACRUPsiCLyuw7?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2014.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2014.png'), require('~/assets/images/about/year_2014@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '654'
   },
   {
     id: 2015,
@@ -416,10 +465,14 @@ const eventData = Object.freeze([
       x: 0,
       y: 1,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FoeSNwPl-fQXqwwow99j9Rsd9tjB?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FoeSNwPl-fQXqwwow99j9Rsd9tjB?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FmBATtftJW08bU-5KGBFuKsAQSN1?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2015.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2015.png'), require('~/assets/images/about/year_2015@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '316'
   },
   {
     id: 2016,
@@ -427,10 +480,14 @@ const eventData = Object.freeze([
       x: 1,
       y: 1,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fl2SA1cd8DqIzQGIQqh5qrNUMmR6?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fl2SA1cd8DqIzQGIQqh5qrNUMmR6?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FoaOya6X8s6j3Bzc2oBNDvX-JHW2?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2016.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2016.png'), require('~/assets/images/about/year_2016@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '376'
   },
   {
     id: 2017,
@@ -438,10 +495,14 @@ const eventData = Object.freeze([
       x: 2,
       y: 1,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fi_RKVrGct2V235xsKpwsIA51YX-?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fi_RKVrGct2V235xsKpwsIA51YX-?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FsALqlvULFPhf-kxcPw1YtRiZjIG?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2017.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2017.png'), require('~/assets/images/about/year_2017@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '524'
   },
   {
     id: 2018,
@@ -449,10 +510,14 @@ const eventData = Object.freeze([
       x: 3,
       y: 1,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FvN4BWxIckbJmo_qrN7mlILrtQKg?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FvN4BWxIckbJmo_qrN7mlILrtQKg?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/FvQZtrIRkaNzGJ8KbF1-Cl-k5hfJ?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2018.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2018.png'), require('~/assets/images/about/year_2018@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '550'
   },
   {
     id: 2019,
@@ -460,10 +525,14 @@ const eventData = Object.freeze([
       x: 3,
       y: 0,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/Fgr3xXoLsgpIP2wBglovLx0e89Mb?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/Fgr3xXoLsgpIP2wBglovLx0e89Mb?imageView2/0/q/50|imageslim",
     eventImgurl:
       "http://res.training.luojigou.vip/Flio74FIlTt_aYhyW-3scKmhSrHc?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2019.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2019.png'), require('~/assets/images/about/year_2019@2x.png')],
+    eventImgurlWidth: '270',
+    eventImgurlHeight: '706'
   },
   {
     id: 2020,
@@ -471,8 +540,10 @@ const eventData = Object.freeze([
       x: 2,
       y: 0,
     },
-    yearImgurl:
-      "http://res.training.luojigou.vip/FhjVzCv4CjuHsuCjJvSWGGxruzxv?imageView2/0/q/50|imageslim",
+    // yearImgurl:
+    //   "http://res.training.luojigou.vip/FhjVzCv4CjuHsuCjJvSWGGxruzxv?imageView2/0/q/50|imageslim",
+    yearImgurl: require('~/assets/images/about/year_2020.png'),
+    yearImgurlSet: [require('~/assets/images/about/year_2020.png'), require('~/assets/images/about/year_2020@2x.png')],
   },
 ]);
 export default {
@@ -532,7 +603,7 @@ export default {
     .label-en {
       height: 78px;
       font-size: 56px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color:rgba(35,106,250,0.16);
       line-height: 78px;
@@ -540,7 +611,7 @@ export default {
     .label-zn {
       height: 65px;
       font-size: 46px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #262626;
       line-height: 65px;
@@ -561,7 +632,7 @@ export default {
       left: 50%;
       transform: translate(-50%, -50%);
       font-size: 66px;
-      font-family: PingFangSC-Medium, PingFang SC;
+      font-family: PingFangSC-Medium, sans-serif;
       font-weight: 500;
     }
   }
@@ -583,7 +654,7 @@ export default {
       text-align: center;
       margin-top: 60px;
       font-size: 46px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #262626;
       line-height: 65px;
@@ -591,15 +662,16 @@ export default {
     }
     .company-intro-text {
       width: 1009px;
-      height: 144px;
+      // height: 144px;
       margin: 32px;
-      color: #999999;
-      font-size: 18px;
-      letter-spacing: 0.45px;
-      line-height: 36px;
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
+      font-size: 18px;
+      font-family: PingFangSC-Regular, sans-serif;
+      font-weight: 400;
+      color: #999999;
+      line-height: 36px;
     }
   }
   .event {
@@ -613,7 +685,7 @@ export default {
 
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 1);
         // opacity: 0.16;
@@ -623,7 +695,7 @@ export default {
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         position: absolute;
@@ -675,14 +747,14 @@ export default {
       text-align: center;
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 1);
         // opacity: 0.16;
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         // position: absolute;
@@ -730,14 +802,14 @@ export default {
             left: 37px;
             .name {
               font-size: 45px;
-              font-family: PingFangSC-Semibold, PingFang SC;
+              font-family: PingFangSC-Semibold, sans-serif;
               font-weight: 600;
               color: rgba(255, 255, 255, 1);
               letter-spacing: 1px;
             }
             .position {
               font-size: 20px;
-              font-family: PingFangSC-Regular, PingFang SC;
+              font-family: PingFangSC-Regular, sans-serif;
               font-weight: 400;
               color: rgba(255, 255, 255, 1);
               letter-spacing: 0.5px;
@@ -747,7 +819,7 @@ export default {
             position: absolute;
             bottom: 160px;
             left: 37px;
-            font-family: PingFangSC-Regular, PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             color: rgba(255, 255, 255, 1);
             .intro-label {
@@ -777,7 +849,7 @@ export default {
       // left: 778px;
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 1);
         // opacity: 0.16;
@@ -787,7 +859,7 @@ export default {
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         position: absolute;
@@ -808,16 +880,16 @@ export default {
         }
         .cultrue-box-item-label {
           font-size: 38px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: rgba(0, 0, 0, 1);
           text-align: center;
         }
         .cultrue-box-item-text {
-          width: 178px;
+          // width: 178px;
           text-align: center;
           font-size: 18px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: rgba(153, 153, 153, 1);
           letter-spacing: 0.5px;
@@ -846,7 +918,7 @@ export default {
       width: 540px;
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 1);
         // opacity: 0.16;
@@ -854,7 +926,7 @@ export default {
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         position: absolute;
@@ -886,6 +958,7 @@ export default {
         .center {
           margin-top: 20px;
           display: flex;
+          align-items: flex-end;
           img {
             width: 22px;
             height: 36px;
@@ -894,18 +967,19 @@ export default {
           }
           div {
             font-size: 24px;
-            font-family: PingFangSC-Medium, PingFang SC;
+            font-family: PingFangSC-Medium, sans-serif;
             font-weight: 500;
             color: rgba(0, 0, 0, 1);
           }
         }
         .footer {
           font-size: 15px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
-          color: rgba(153, 153, 153, 1);
-
+          color: #999999;
+          line-height: 26px;
           margin-top: 10px;
+          padding-left: 32px
         }
       }
     }

pages/about/contact.vue

@@ -35,29 +35,29 @@
         </div>
         <div class="thinking-content-box">
           <div class="content-left">
-            <img src="~/assets/images/about/thinking_img.png" alt="" srcset="">
+            <img src="~/assets/images/about/thinking_img.png" alt="" srcset="~/assets/images/about/thinking_img.png, ~/assets/images/about/thinking_img@2x.png">
           </div>
           <div class="content-right">
             <div class="content-right-top">
-              <div class="img-item">
-                <img src="~/assets/images/about/thinking_arrow_01.png" alt="" srcset="">
+              <div class="img-item img-item-arrow01">
+                <img src="~/assets/images/about/thinking_arrow_01.png" alt="" srcset="~/assets/images/about/thinking_arrow_01.png, ~/assets/images/about/thinking_arrow_01@2x.png">
               </div>
-              <div class="img-item right-top-02">
-                <img src="~/assets/images/about/thinking_icon_01.png" alt="" srcset="">
+              <div class="img-item img-item-icon right-top-02">
+                <img src="~/assets/images/about/thinking_icon_01.png" alt="" srcset="~/assets/images/about/thinking_icon_01.png, ~/assets/images/about/thinking_icon_01@2x.png">
               </div>
-              <div class="img-item">
-                <img src="~/assets/images/about/thinking_arrow_02.png" alt="" srcset="">
+              <div class="img-item img-item-arrow02">
+                <img src="~/assets/images/about/thinking_arrow_02.png" alt="" srcset="~/assets/images/about/thinking_arrow_02.png, ~/assets/images/about/thinking_arrow_02@2x.png">
               </div>
             </div>
             <div class="content-right-bottom">
-              <div class="img-item">
-                <img src="~/assets/images/about/thinking_icon_02.png" alt="" srcset="">
+              <div class="img-item img-item-icon">
+                <img src="~/assets/images/about/thinking_icon_02.png" alt="" srcset="~/assets/images/about/thinking_icon_02.png, ~/assets/images/about/thinking_icon_02@2x.png">
               </div>
-              <div class="img-item">
-                <img src="~/assets/images/about/thinking_arrow_03.png" alt="" srcset="">
+              <div class="img-item img-item-arrow03">
+                <img src="~/assets/images/about/thinking_arrow_03.png" alt="" srcset="~/assets/images/about/thinking_arrow_03.png, ~/assets/images/about/thinking_arrow_03@2x.png">
               </div>
-              <div class="img-item">
-                <img src="~/assets/images/about/thinking_icon_03.png" alt="" srcset="">
+              <div class="img-item img-item-icon">
+                <img src="~/assets/images/about/thinking_icon_03.png" alt="" srcset="~/assets/images/about/thinking_icon_03.png, ~/assets/images/about/thinking_icon_03@2x.png">
               </div>
             </div>
           </div>
@@ -77,11 +77,11 @@
         </div>
         <div class="interest-content-box">
           <div class="interest-item">
-            <img src="~/assets/images/about/interest_01.png" alt="" srcset="">
+            <img src="~/assets/images/about/interest_01.png" alt="" srcset="~/assets/images/about/interest_01.png, ~/assets/images/about/interest_01@2x.png">
             <div class="line"></div>
           </div>
           <div class="interest-item">
-            <img src="~/assets/images/about/interest_02.png" alt="" srcset="">
+            <img src="~/assets/images/about/interest_02.png" alt="" srcset="~/assets/images/about/interest_02.png, ~/assets/images/about/interest_02@2x.png">
             <div class="line"></div>
           </div>
         </div>
@@ -99,7 +99,7 @@
         </div>
         <div class="award-content-box">
           <div class="img">
-            <img src="~/assets/images/about/award_img.png" alt="">
+            <img src="~/assets/images/about/award_img.png" alt="" srcset="~/assets/images/about/award_img.png, ~/assets/images/about/award_img@2x.png">
           </div>
         </div>
       </div>
@@ -209,7 +209,7 @@ export default {
 .title-en {
   position: absolute;
   font-size: 56px;
-  font-family: PingFangSC-Semibold, PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:rgba(35,106,250,1);
   opacity: 0.16;
@@ -219,7 +219,7 @@ export default {
   position: relative;
   display: inline-block;
   font-size: 46px;
-  font-family:PingFangSC-Semibold,PingFang SC;
+  font-family:PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:#333333;
   text-align: center;
@@ -242,7 +242,9 @@ export default {
     position: relative;
     height: 989px;
     width: 100%;
-    background: url('~assets/images/about/contact_bg_01.png') 100% 100% no-repeat;
+    background-image: url('~assets/images/about/contact_bg_01.png');
+    background-position: center;
+    background-size: cover;
     .q-content-wrap {
       // position: absolute;
       position: relative;
@@ -254,7 +256,7 @@ export default {
         right: 10px;
         p {
           font-size: 28px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: 500;
           color: #333330;
           line-height: 64px;
@@ -266,8 +268,9 @@ export default {
 
 .thinking {
   height: 1078px;
-  background: url('~assets/images/about/contact_bg_02.png') 100% 100% no-repeat;
-  padding: 144px 0 170px;
+  background: url('~assets/images/about/contact_bg_02.png') no-repeat;
+  background-position: center;
+  padding: 200px 0 170px;
   .title-en {
     left: 50%;
     transform: translate(-50%);
@@ -277,7 +280,7 @@ export default {
     margin-top: 22px;
     text-align: center;
     font-size: 24px;
-    font-family: PingFangSC-Regular, PingFang SC;
+    font-family: PingFangSC-Regular, sans-serif;
     font-weight: 400;
     color: #9C9C9C;
     line-height: 33px;
@@ -288,8 +291,13 @@ export default {
     display: flex;
     .content-left {
       margin-right: 112px;
+      font-size: 0;
+      img {
+        width: 626px 426px;
+      }
     }
     .content-right {
+      font-size: 0;
       .content-right-top {
         display: flex;
         justify-content: center;
@@ -302,6 +310,30 @@ export default {
         display: flex;
         align-items: flex-end;
       }
+      .img-item-icon {
+        img {
+          width: 176px;
+          height: 176px;
+        }
+      }
+      .img-item-arrow01 {
+        img {
+          width: 50px;
+          height: 45px;
+        }
+      }
+      .img-item-arrow02 {
+        img {
+          width: 48px;
+          height: 44px;
+        }
+      }
+      .img-item-arrow03 {
+        img {
+          width: 55px;
+          height: 45px;
+        }
+      }
     }
   }
 }
@@ -318,7 +350,7 @@ export default {
     .title-sub {
       height: 96px;
       font-size: 24px;
-      font-family: PingFangSC-Regular, PingFang SC;
+      font-family: PingFangSC-Regular, sans-serif;
       font-weight: 400;
       color: #999999;
       line-height: 48px;
@@ -376,6 +408,7 @@ export default {
     margin-top: 123px;
     .img {
       text-align: center;
+      width: 1236px;
     }
   }
 }
@@ -422,7 +455,7 @@ export default {
       .desc {
         margin-top: 30px;
         font-size: 18px;
-        font-family: PingFangSC-Regular,PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #333333;
         line-height: 28px;

pages/about/team.vue

@@ -121,7 +121,7 @@ export default {
 .title-en {
   position: absolute;
   font-size: 56px;
-  font-family: PingFangSC-Semibold, PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:rgba(35,106,250,1);
   opacity: 0.16;
@@ -131,7 +131,7 @@ export default {
   position: relative;
   display: inline-block;
   font-size: 46px;
-  font-family:PingFangSC-Semibold,PingFang SC;
+  font-family:PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:#333333;
   text-align: center;
@@ -164,6 +164,7 @@ export default {
       width: 373px;
       height: 542px;
       object-fit: cover;
+      border-radius: 12px 12px 0px 0px;
     }
     &:nth-child(3n) {
       margin-right: 0;
@@ -197,14 +198,14 @@ export default {
       color: #ffffff;
       .intro {  
         font-size:16px;
-        font-family:PingFangSC-Regular,PingFang SC;
+        font-family:PingFangSC-Regular, sans-serif;
         font-weight:400;
         padding: 0 46px;
         margin-top: 162px;
       }
       .content {
         font-size: 14px;
-        font-family: PingFangSC-Regular,PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         padding: 0 46px;
         line-height:28px;
@@ -212,7 +213,7 @@ export default {
       }
       .name {
         font-size: 36px;
-        font-family: PingFangSC-Semibold, PingFang SC;
+        font-family: PingFangSC-Semibold, sans-serif;
         font-weight: 600;
         color: #FFFFFF;
         line-height: 50px;
@@ -222,7 +223,7 @@ export default {
       }
       .info {
         font-size:20px;
-        font-family:PingFangSC-Regular,PingFang SC;
+        font-family:PingFangSC-Regular, sans-serif;
         font-weight:400;
         padding: 0 16px;
         margin-top: 6px;

pages/campus/_type/index.vue

@@ -16,7 +16,7 @@
         <h3 class="town-title">逻辑狗·搜索小镇</h3>
         <div class="town-content-info">
           <div class="content-left">
-            <img src="~/assets/images/campus/icon_adderss_02.png" alt="" srcset="">
+            <img src="~/assets/images/campus/icon_adderss@2X.png" alt="" srcset="">
             <div class="content-left-info">
               <div class="info-address">
                 <p>{{ town.area }}</p>
@@ -486,7 +486,7 @@ export default {
   height: 81px;
   line-height: 81px;
   font-size: 58px;
-  font-family: PingFangSC-Semibold, PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color: #000000;
   letter-spacing: 1px;
@@ -503,7 +503,7 @@ export default {
   h3 {
     height: 92px;
     font-size: 66px;
-    font-family: PingFangSC-Semibold, PingFang SC;
+    font-family: PingFangSC-Semibold, sans-serif;
     font-weight: 600;
     color: #FFFFFF;
     line-height: 92px;
@@ -524,7 +524,7 @@ export default {
       height: 42px;
       line-height: 42px;
       font-size: 30px;
-      font-family: PingFangSC-Semibold,PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color:#262626;
     }
@@ -548,7 +548,7 @@ export default {
           margin-top: 30px;
           font-size: 18px;
           width: 500px;
-          font-family: PingFangSC-Regular,PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: #262626;
           line-height:30px;
@@ -558,13 +558,13 @@ export default {
           margin-top: 20px;
           .text {
             color: #262626;
-            font-family:PingFangSC-Medium,PingFang SC;
+            font-family:PingFangSC-Medium, sans-serif;
             font-weight:500;
             margin-bottom: 4px;
           }
           .slogan {
             color: #3475FC;
-            font-family: PingFangSC-Regular,PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
           }
         }
@@ -707,7 +707,7 @@ export default {
         height: 174px;
         .title {
           font-size: 20px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: 500;
           color: #1F241E;
           line-height: 28px;
@@ -718,7 +718,7 @@ export default {
         .desc {
           margin-top: 10px;
           font-size: 14px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: #1F241E;
           overflow : hidden;

pages/campus/index.vue

@@ -68,11 +68,11 @@
                 <div class="area">{{ item.area }}</div>
                 <div class="name">{{ item.name }}</div>
                 <div class="address">
-                  <div class="icon"><img :src="iconAddr" alt=""></div>
+                  <div class="icon"><img :src="iconAddr" :srcset="`${iconAddrSet[0]} 1x, ${iconAddrSet[1]} 2x`" alt=""></div>
                   <p>{{ item.address }}</p>
                 </div>
                 <div class="phone">
-                  <div class="icon"><img :src="iconPhone" alt=""></div>
+                  <div class="icon"><img :src="iconPhone" :srcset="`${iconPhoneSet[0]} 1x, ${iconPhoneSet[1]} 2x`" alt=""></div>
                   <p>{{ item.phone }}</p>
                 </div>
                 <div class="detail">
@@ -102,7 +102,9 @@ export default {
     return {
       form: {},
       iconAddr: require('~/assets/images/campus/icon_address.png'),
+      iconAddrSet: [require('~/assets/images/campus/icon_address.png'), require('~/assets/images/campus/icon_adderss@2x.png')],
       iconPhone: require('~/assets/images/campus/icon_phone.png'),
+      iconPhoneSet: [require('~/assets/images/campus/icon_phone.png'), require('~/assets/images/campus/icon_phone@2x.png')],
       campusList: [
         {
           id: 1,
@@ -231,7 +233,7 @@ export default {
 .title-en {
   position: absolute;
   font-size: 56px;
-  font-family: PingFangSC-Semibold, PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:rgba(35,106,250,1);
   opacity: 0.16;
@@ -241,7 +243,7 @@ export default {
   position: relative;
   display: inline-block;
   font-size: 46px;
-  font-family: PingFangSC-Semibold,PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:#333333;
   text-align: center;
@@ -249,14 +251,16 @@ export default {
 
 .header {
   position: relative;
-  background: url('~assets/images/campus/header.png') 100% 100% no-repeat;
+  background-image: url('~assets/images/campus/header.png');
+  background-repeat: no-repeat;
+  background-size: cover;
   // height: 882px;
   height: 595px;
   // padding: 446px 0 0 302px;
   padding: 230px 0 0 15%;
   span {
     font-size: 66px;
-    font-family: PingFangSC-Semibold,PingFang SC;
+    font-family: PingFangSC-Semibold, sans-serif;
     font-weight: 600;
     color:#ffffff;
     line-height: 112px;
@@ -276,7 +280,7 @@ export default {
     .submit-area {
       .label {
         font-size: 14px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: rgba(91, 95, 93, 1);
         margin-bottom: 7px;
@@ -292,7 +296,7 @@ export default {
         }
         .num {
           font-size: 26px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: bold;
           color: rgba(0, 0, 0, 1);
         }
@@ -355,7 +359,7 @@ export default {
   //   div.text {
   //     font-size:14px;
   //     line-height:20px;
-  //     font-family:PingFangSC-Regular,PingFang SC;
+  //     font-family:PingFangSC-Regular, sans-serif;
   //     font-weight:400;
   //     color: #5B5F5D;
   //     margin-bottom: 7px;
@@ -366,7 +370,7 @@ export default {
   //     margin-bottom: 20px;
   //     .phone {
   //       font-size: 26px;
-  //       font-family: PingFangSC-Medium,PingFang SC;
+  //       font-family: PingFangSC-Medium, sans-serif;
   //       font-weight: 500;
   //       margin-left: 15px;
   //     }
@@ -451,14 +455,14 @@ export default {
         }
         .area {
           font-size:14px;
-          font-family: PingFangSC-Regular,PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color:#898A8C;
           line-height: 20px;
         }
         .name {
           font-size:22px;
-          font-family: PingFangSC-Medium,PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight:500;
           color:#1F241E;
           line-height:30px;
@@ -470,7 +474,7 @@ export default {
           margin-top: 9px;
           p {
             font-size: 12px;
-            font-family: PingFangSC-Regular,PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             color:#898A8C;
           }
@@ -482,7 +486,7 @@ export default {
           p {
             color:#898A8C;
             font-size: 12px;
-            font-family: PingFangSC-Regular,PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
           }
         }

pages/cooperate/index.vue

@@ -47,7 +47,7 @@
     </div>
     <!-- 输出平台 -->
     <div class="education">
-      <div class="top wow animate__animated animate__fadeInDown">
+      <div class="top">
         <!-- <img
           class="bg-img"
           src="http://res.training.luojigou.vip/Ft9M1i5hGV_NEYh-dvUhIhDvpMQ4?imageView2/0/q/50|imageslim"
@@ -441,7 +441,7 @@ export default {
     .label-en {
       height: 78px;
       font-size: 56px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color:rgba(35,106,250,0.16);
       line-height: 78px;
@@ -449,7 +449,7 @@ export default {
     .label-zn {
       height: 65px;
       font-size: 46px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #262626;
       line-height: 65px;
@@ -463,7 +463,7 @@ export default {
         h3 {
           height: 92px;
           font-size: 66px;
-          font-family: PingFangSC-Semibold, PingFang SC;
+          font-family: PingFangSC-Semibold, sans-serif;
           font-weight: 600;
           color: #236AFA;
           line-height: 92px;
@@ -499,7 +499,7 @@ export default {
         .submit-area {
           .label {
             font-size: 14px;
-            font-family: PingFangSC-Regular, PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             color: rgba(91, 95, 93, 1);
             margin-bottom: 7px;
@@ -515,7 +515,7 @@ export default {
             }
             .num {
               font-size: 26px;
-              font-family: PingFangSC-Medium, PingFang SC;
+              font-family: PingFangSC-Medium, sans-serif;
               font-weight: bold;
               color: rgba(0, 0, 0, 1);
             }
@@ -606,7 +606,7 @@ export default {
         display: flex;
         justify-content: flex-start;
         align-items: center;
-        width: 946px;
+        width: 796px;
         height: 81px;
 
         left: 50%;
@@ -622,7 +622,7 @@ export default {
         .text {
           height: 65px;
           font-size: 46px;
-          font-family: PingFangSC-Semibold, PingFang SC;
+          font-family: PingFangSC-Semibold, sans-serif;
           font-weight: 600;
           color: #262626;
           line-height: 65px;
@@ -650,10 +650,11 @@ export default {
       .text {
         text-indent: 2em;
         width: 1200px;
-        font-size: 22px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
-        color: rgba(110, 111, 117, 1);
+        color: #333333;
+        font-size: 20px;
+        line-height: 38px;
       }
     }
   }
@@ -663,11 +664,13 @@ export default {
     background: rgba(247, 251, 255, 1);
     padding: 73px 0 143px;
     .label {
-      font-size: 58px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
-      color: rgba(35, 106, 250, 1);
       text-align: center;
+      font-size: 46px;
+      color: #236AFA;
+      line-height: 65px;
+      letter-spacing: 1px;
 
       // left: 50%;
       // position: absolute;
@@ -678,7 +681,8 @@ export default {
     .advantage-show {
       margin: 48px auto 0;
       display: flex;
-      width: 1280px;
+      justify-content: center;
+      // width: 1280px;
       .advantage-item {
         width: 272px;
         height: 280px;
@@ -698,19 +702,20 @@ export default {
     box-sizing: border-box;
     .label {
       position: absolute;
-      width: 600px;
+      // width: 600px;
+      width: 440px;
       left: 50%;
       /* left: 763px; */
       transform: translateX(-50%);
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         position: absolute;
@@ -748,7 +753,7 @@ export default {
         section {
           width: 160px;
           font-size: 18px;
-          font-family: PingFangSC-Semibold, PingFang SC;
+          font-family: PingFangSC-Semibold, sans-serif;
           font-weight: bold;
           color: #000;
           position: absolute;
@@ -775,13 +780,13 @@ export default {
       transform: translateX(-50%);
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         position: absolute;
@@ -812,13 +817,13 @@ export default {
       transform: translateX(-50%);
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         position: absolute;
@@ -854,7 +859,7 @@ export default {
             margin-top: 30px;
             width: 340px;
             font-size: 20px;
-            font-family: PingFangSC-Regular, PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             color: rgba(51, 51, 51, 1);
             display: -webkit-box;
@@ -885,16 +890,16 @@ export default {
       // left: 763px;
       left: 50%;
       transform: translateX(-50%);
-      width: 300px;
+      width: 280px;
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(35, 106, 250, 0.16);
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         // color: rgba(38, 38, 38, 1);
         position: absolute;
@@ -910,7 +915,7 @@ export default {
         position: relative;
         .line {
           width: 100%;
-          height: 2px;
+          height: 1px;
           background-color: #d8d8d8;
         }
         .join-box {
@@ -942,9 +947,10 @@ export default {
             }
             .join-box-label {
               font-size: 18px;
-              font-family: PingFangSC-Regular, PingFang SC;
+              font-family: PingFangSC-Regular, sans-serif;
               font-weight: 400;
-              color: rgba(153, 153, 153, 1);
+              color: #999999;
+              line-height: 25px;
             }
           }
         }
@@ -978,13 +984,13 @@ export default {
       // left: 763px;
       .label-en {
         // font-size: 78px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         color: rgba(255, 255, 255, 0.16);
       }
       .label-zn {
         // font-size: 58px;
-        // font-family: PingFangSC-Semibold, PingFang SC;
+        // font-family: PingFangSC-Semibold, sans-serif;
         // font-weight: 600;
         color: rgba(255, 255, 255, 1);
         position: absolute;
@@ -1018,7 +1024,7 @@ export default {
           &::-webkit-input-placeholder {
             height: 25px;
             font-size: 18px;
-            font-family: PingFangSC-Regular, PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             color: #666666;
             line-height: 25px;
@@ -1033,7 +1039,7 @@ export default {
       }
       .address {
         font-size: 20px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);
         text-align: center;

pages/index.vue

@@ -1564,7 +1564,7 @@ export default {
 .title-en {
   position: absolute;
   font-size: 56px;
-  font-family: PingFangSC-Semibold, PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:rgba(35,106,250,1);
   opacity: 0.16;
@@ -1575,7 +1575,7 @@ export default {
   position: relative;
   display: inline-block;
   font-size: 46px;
-  font-family: PingFangSC-Semibold,PingFang SC;
+  font-family: PingFangSC-Semibold, sans-serif;
   font-weight: 600;
   color:#333333;
   text-align: center;
@@ -1592,7 +1592,7 @@ export default {
   box-shadow: 0px 3px 9px 0px rgba(109, 140, 239, 0.82);
   border-radius: 23px;
   font-size: 22px;
-  font-family: PingFangSC-Medium, PingFang SC;
+  font-family: PingFangSC-Medium, sans-serif;
   font-weight: 500;
   color: #ffffff;
   cursor: pointer;
@@ -1611,7 +1611,7 @@ ul.cate-nav {
       a {
         color: $theme_color;
         font-size: 28px;
-        font-family: PingFangSC-Semibold, PingFang SC;
+        font-family: PingFangSC-Semibold, sans-serif;
         font-weight: 600;
         line-height: 40px;
         transition: 0.5;
@@ -1653,7 +1653,7 @@ ul.cate-nav {
     .tabs-item {
       a {
         font-size: 24px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #747885;
         line-height: 33px;
@@ -1728,13 +1728,13 @@ ul.cate-nav {
           color: $theme_color_fu;
           text-shadow: 0px 1px 3px #BED3FE;
           font-size: 72px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: 500;
           color: #0D5CFA;
           line-height: 100px;
           .unit {
             font-size: 30px;
-            font-family: PingFangSC-Regular, PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             line-height: 42px;
             color: $theme_color_fu;
@@ -1743,7 +1743,7 @@ ul.cate-nav {
         .color-gray {
           margin-top: 35px;
           font-size: 20px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: 500;
           color: #515564;
           line-height: 28px;
@@ -1815,7 +1815,7 @@ ul.cate-nav {
     align-items: center;
     justify-content: center;
     font-size: 22px;
-    font-family: PingFangSC-Medium, PingFang SC;
+    font-family: PingFangSC-Medium, sans-serif;
     font-weight: 500;
     color: $theme_color_fu;
     // span {
@@ -1851,14 +1851,14 @@ ul.cate-nav {
       .title {
         height: 48px;
         font-size: 34px;
-        font-family: PingFangSC-Medium, PingFang SC;
+        font-family: PingFangSC-Medium, sans-serif;
         font-weight: 500;
         color: #333333;
         line-height: 48px;
       }
       .desc {
         font-size: 18px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #666666;
         line-height: 36px;
@@ -1876,7 +1876,7 @@ ul.cate-nav {
         border-radius: 24px;
         text-align: center;
         font-size: 22px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #FFFFFF;
         a {
@@ -1930,7 +1930,7 @@ ul.cate-nav {
       a {
         color: $theme_color_fu;
         // font-size: 42px !important;
-        font-family:PingFangSC-Semibold,PingFang SC;
+        font-family:PingFangSC-Semibold, sans-serif;
         font-weight: 600;
         font-size: 28px;
         line-height: 40px;
@@ -1947,7 +1947,7 @@ ul.cate-nav {
     a {
       font-size: 32px;
       color: #747885;
-      font-family: PingFangSC-Regular, PingFang SC;
+      font-family: PingFangSC-Regular, sans-serif;
     }
   }
   // li.thinking-products-kind:hover,
@@ -2022,7 +2022,7 @@ ul.cate-nav {
       color: #343e30;
       height: 28px;
       font-size: 20px;
-      // font-family: PingFangSC-Medium, PingFang SC;
+      // font-family: PingFangSC-Medium, sans-serif;
       font-weight: 400;
       line-height: 28px;
       overflow: hidden;//超出一行文字自动隐藏 
@@ -2051,7 +2051,7 @@ ul.cate-nav {
       height: 18px;
       line-height: 18px;
       font-size: 13px;
-      font-family: PingFangSC-Regular, PingFang SC;
+      font-family: PingFangSC-Regular, sans-serif;
       font-weight: 400;
       border: 1px solid rgba(60, 142, 255, 1);
       height: 27px;
@@ -2103,7 +2103,7 @@ ul.cate-nav {
     // max-width: 1200px;
     p.name {
       font-size: 28px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #ffffff;
       text-align: center;
@@ -2224,7 +2224,7 @@ ul.cate-nav {
       }
       .views {
         font-size: 15px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #418EFF;
         line-height: 21px;
@@ -2278,14 +2278,14 @@ ul.cate-nav {
         }
         .mobile-education-title {
           font-size: 14px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: 500;
           color: #333436;
           line-height: 20px;
         }
         .mobile-education-sub {
           font-size: 12px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: #38393A;
           line-height: 17px;
@@ -2348,7 +2348,7 @@ ul.cate-nav {
             .education-title {
               height: 24px;
               font-size: 17px;
-              font-family: PingFangSC-Medium, PingFang SC;
+              font-family: PingFangSC-Medium, sans-serif;
               font-weight: 500;
               color: #333436;
               line-height: 24px;
@@ -2359,7 +2359,7 @@ ul.cate-nav {
               height: 18px;
               line-height: 18px;
               font-size: 13px;
-              font-family: PingFangSC-Regular, PingFang SC;
+              font-family: PingFangSC-Regular, sans-serif;
               font-weight: 400;
               color: #38393A;
               text-align: left;
@@ -2388,7 +2388,7 @@ ul.cate-nav {
         .mobile-education-title {
           height: 24px;
           font-size: 17px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: 500;
           color: #333436;
           line-height: 24px;
@@ -2396,7 +2396,7 @@ ul.cate-nav {
         }
         .mobile-education-sub {
           font-size: 13px;
-          font-family: PingFangSC-Regular, PingFang SC;
+          font-family: PingFangSC-Regular, sans-serif;
           font-weight: 400;
           color: #38393A;
           line-height: 18px;
@@ -2434,7 +2434,7 @@ ul.cate-nav {
       margin-top: 28px;
       text-align: center;
       font-size: 24px;
-      font-family: PingFangSC-Regular, PingFang SC;
+      font-family: PingFangSC-Regular, sans-serif;
       font-weight: 400;
       color: #999999;
       line-height: 33px;
@@ -2444,7 +2444,7 @@ ul.cate-nav {
         margin-top: 52px;
         display: flex;
         font-size: 29px;
-        font-family: PingFangSC-Medium, PingFang SC;
+        font-family: PingFangSC-Medium, sans-serif;
         font-weight: 500;
         color: #ffffff;
         line-height: 40px;
@@ -2503,7 +2503,7 @@ ul.cate-nav {
           left: 50%;
           transform: translateX(-50%);
           font-size: 20px;
-          font-family: PingFangSC-Medium, PingFang SC;
+          font-family: PingFangSC-Medium, sans-serif;
           font-weight: 500;
           color: #38393a;
           text-align: center;
@@ -2614,7 +2614,7 @@ ul.cate-nav {
       height: 42px;
       line-height: 42px;
       font-size: 30px;
-      font-family: PingFangSC-Semibold, PingFang SC;
+      font-family: PingFangSC-Semibold, sans-serif;
       font-weight: 600;
       color: #3a4239;
       margin-bottom: 12px;
@@ -2654,7 +2654,7 @@ ul.cate-nav {
             width: 100%;
             padding: 8px 50px;
             font-size: 16px;
-            font-family: PingFangSC-Medium, PingFang SC;
+            font-family: PingFangSC-Medium, sans-serif;
             font-weight: 500;
             color: #ffffff;
             line-height: 22px;
@@ -2746,7 +2746,7 @@ ul.cate-nav {
             color: #3a4239;
             font-size: 22px;
             margin-top: 12px;
-            font-family: PingFangSC-Medium, PingFang SC;
+            font-family: PingFangSC-Medium, sans-serif;
             font-weight: 500;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -2758,7 +2758,7 @@ ul.cate-nav {
             font-size: 20px;
             margin-top: 30px;
             color: #7d7d7e;
-            font-family: PingFangSC-Regular, PingFang SC;
+            font-family: PingFangSC-Regular, sans-serif;
             font-weight: 400;
             line-height: 33px;
             overflow: hidden;

pages/news/index.vue

@@ -265,7 +265,7 @@ export default {
     }
     .empty-content {
       font-size: 28px;
-      font-family: PingFangSC-Regular, PingFang SC;
+      font-family: PingFangSC-Regular, sans-serif;
       font-weight: 400;
       color: #797979;
       line-height: 26px;

pages/news/newsView/_id.vue

@@ -247,7 +247,7 @@ export default {
         color: #262626;
         line-height: 20px;
         letter-spacing: 1px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;

pages/product/course.vue

@@ -78,8 +78,8 @@ const tabsData = Object.freeze([
     // activeImgUrl: 'http://res.training.luojigou.vip/FqmqyLMeRxdvj__Z618fkgVHJV7J?imageView2/0/q/50|imageslim',
     imgUrl: require('~/assets/images/products/tab_parent_nor.png'),
     activeImgUrl: require('~/assets/images/products/tab_parent_active.png'),
-    srcsetImg: [require('~/assets/images/products/tab_pc_nor.png'), require('~/assets/images/products/tab_pc_nor@2x.png')],
-    srcsetActiveImg: [require('~/assets/images/products/tab_pc_active.png'), require('~/assets/images/products/tab_pc_active@2x.png')],
+    srcsetImg: [require('~/assets/images/products/tab_parent_nor.png'), require('~/assets/images/products/tab_parent_nor@2x.png')],
+    srcsetActiveImg: [require('~/assets/images/products/tab_parent_active.png'), require('~/assets/images/products/tab_parent_active@2x.png')],
     label: '家长端APP'
   },
   {

pages/product/list.vue

@@ -473,7 +473,7 @@ export default {
   //     .tabs-item {
   //       color: #747885;
   //       font-size: 32px;
-  //       font-family:PingFangSC-Regular,PingFang SC;
+  //       font-family:PingFangSC-Regular, sans-serif;
   //       font-weight:400;
   //     }
   //   }
@@ -524,7 +524,7 @@ export default {
       .enter-labe {
         color: #2F2F2F;
         font-size: 25px;
-        font-family:PingFangSC-Medium,PingFang SC;
+        font-family:PingFangSC-Medium, sans-serif;
         font-weight:500;
    
       }
@@ -573,7 +573,7 @@ export default {
         border-bottom-right-radius: 18px;
         .left {
           width: 250px;
-          font-family:PingFangSC-Regular,PingFang SC;
+          font-family:PingFangSC-Regular, sans-serif;
           .label {
             color: #343E30;
             font-size: 20px;
@@ -593,7 +593,7 @@ export default {
             .price-now {
               color: #EA0B4A;
               font-size: 34px;
-              font-family:PingFangSC-Semibold,PingFang SC;
+              font-family:PingFangSC-Semibold, sans-serif;
               font-weight:600;
             }
             .price-old {
@@ -617,7 +617,7 @@ export default {
           margin-bottom: 10px;
           color: #0D5CFA;
           font-size: 13px;
-          font-family:PingFangSC-Semibold,PingFang SC;
+          font-family:PingFangSC-Semibold, sans-serif;
           font-weight:600;
         }
       }
@@ -628,7 +628,7 @@ export default {
  .selectTabs {
     color: #0D5CFA !important;
     // font-size: 42px !important;
-    font-family:PingFangSC-Semibold,PingFang SC;
+    font-family:PingFangSC-Semibold, sans-serif;
     font-weight:600
   }
 
@@ -656,7 +656,7 @@ export default {
     .tabs-item {
       a {
         font-size: 24px;
-        font-family: PingFangSC-Regular, PingFang SC;
+        font-family: PingFangSC-Regular, sans-serif;
         font-weight: 400;
         color: #747885;
         line-height: 33px;

static/common/common.css

@@ -5,11 +5,11 @@
 html {
   width: 100%;
   height: 100%;
-  font-size: 62.5%!important;
+  /* font-size: 62.5%!important; */
   /* color: #474747; */
 }
 body {
-  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
+  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Segoe UI","Helvetica Neue","PingFang SC","Noto Sans","Noto Sans CJK SC","Microsoft YaHei",微软雅黑,sans-serif;
   -webkit-box-sizing: border-box;
   margin: 0;
   background: #eee;