home screen

src/components/detail/Overview.vue

@@ -5,7 +5,7 @@
       <img :src="BG" class="bg" alt="" />
       <div v-for="item in productList" :key="item.id">
         <div class="main" v-if="parseInt(item.id) - 1 == activeTab">
-          <img :src="item.thumbnail" alt="big_img" class="big_img" />
+          <img :src="item.bigPic" alt="big_img" class="big_img" />
           <div class="content_intro">
             <h2 class="title">{{ item.title }}</h2>
             <p class="feature">
@@ -78,7 +78,8 @@ const contactUs = () => {
         // width: 893px;
         // height: 502px;
         width: 350px;
-        height: 411px;
+        height: auto;
+        object-fit: cover;
       }
       .content_intro {
         display: flex;

src/mock/index.js

@@ -80,11 +80,14 @@ import S2 from '@/static/img/zhongxin/li2.png'
 import S3 from '@/static/img/zhongxin/li3.png'
 import S4 from '@/static/img/zhongxin/li4.png'
 import B1 from '@/static/img/zhongxin/t1.png'
+import B2 from '@/static/img/zhongxin/t2.png'
+import B3 from '@/static/img/zhongxin/t3.png'
+import B4 from '@/static/img/zhongxin/t4.png'
 export const productList = [
   {
     id: 1,
     thumbnail: S1,
-    bigPic: B1,
+    bigPic: B4,
     title: '动车底部巡检',
     desc: '助力列车底部检测由“人检人修”迈向“机检人修”！动车底部巡检机器人采用机器视觉、图像识别、深度学习等人工智能技术，在车底按程序路线行走，可全自动检测CRH系列、中国标准动车组等所有动车组车型的车底和转向架可视部件，实现动车组相关部位零部件外观故障的识别和报警，收集、反馈的指标值细微至毫米级别，人眼观察不出或者精度不够的点位，机器人的“火眼金睛”都能立刻发现，不会出现漏检漏修，基本覆盖动车组日常一级修的作业内容，实现了动车组一级检修作业由“人检”向“机检”作业模式的升级。',
     video: {
@@ -132,7 +135,7 @@ export const productList = [
   {
     id: 2,
     thumbnail: S2,
-    bigPic: B1,
+    bigPic: B3,
     title: '受电弓压力检测',
     desc: '高铁、动车在高速行驶过程中，必须要保持其受流状态处于长期的稳定之中，就是要求受电弓与其接触的线路中间要维持合适的接触压力。接触压力值有严格的设计标准，一般在静态之下为60~90N，如果接触压力过小的话，就会容易造成离线并会产生电弧；而当接触压力过大时，接触线的拾升量也会随之变大，使接触线路局部发生弯曲并导致疲劳损伤，同时让接触线路和碳刷磨损变大，最严重时有可能造成弓网事故。为了消除高铁、动车的安全隐患，发展我国电力接触网技术，必须要开发受电弓的压力检测装置。',
     video: {
@@ -180,7 +183,7 @@ export const productList = [
   {
     id: 3,
     thumbnail: S3,
-    bigPic: B1,
+    bigPic: B2,
     title: '线性光源发生器',
     desc: '线性光源是建筑照明术语，指一个连续的灯或灯具，其发光带的总长度远大于其到照度计算点之间的距离，可视为线光源。线性光源一般是多个LED灯珠排成一行，发出线性的光，形成一条线。可选择365nm、385nm、395nm、405nm波长的不同功率的LED，在出光处加透镜可以调节光斑大小。',
     video: {