对接数据

src/components/menu/index.vue

@@ -5,7 +5,7 @@
       <div class="line"></div>
     </div>
     <div class="subMenu" v-if="(subMenuList||[]).length>0" @mouseleave="clearChildren">
-      <div :class="`topMenuItem${k===0 ? ' active':''}`" v-for="(ii,k) in subMenuList" @click="toLink(ii.path)">
+      <div :class="`topMenuItem${k===-1 ? ' active':''}`" v-for="(ii,k) in subMenuList" @click="toLink(ii.path)">
         <div class="icon">
           <img :src="ii.icon" alt="" style="width: 1.8vw;height: 1.8vw;object-fit: contain">
         </div>
@@ -90,10 +90,10 @@ export default {
             },
           ]
         },
-        {
-          name: '新闻中心',
-          path: '/newsCenter'
-        },
+        // {
+        //   name: '新闻中心',
+        //   path: '/newsCenter'
+        // },
         {
           name: '关于我们',
           path: '/contactUs'

src/views/index/index.vue

@@ -3,7 +3,7 @@
     <Carousel class="carousel"/>
     <ProductCenter class="productCenter"/>
     <ClassicCase class="classicCase"/>
-    <NewsCenter class="newsCenter"/>
+<!--    <NewsCenter class="newsCenter"/>-->
     <ContactUs class="contactUs"/>
     <Copyright class="copyright"/>
   </div>

src/views/productCenter/platformFeatures.vue

@@ -5,11 +5,11 @@
       <template slot="subTitle">{{ data.productInfoCtitle }}</template>
     </TitleGroup>
     <div class="list">
-      <div class="item" v-for="i in data.hwProductInfoDetailList">
+      <div class="item" v-for="i in data.hwProductInfoDetailList.sort((a,b)=>a.productInfoDetailOrder-b.productInfoDetailOrder)">
         <div class="icon">
           <el-image
             style="width: 100%;height: 100%"
-            :src="i.productInfoDetailDesc"
+            :src="i.productInfoDetailPic"
             fit="contain"></el-image>
         </div>
         <div class="itemTitle">{{ i.productInfoDetailTitle }}</div>
@@ -54,7 +54,7 @@ export default {
   .item {
     display: inline-block;
     position: relative;
-    width: calc(100% / 3 - 3px);
+    width: calc(100% / 3 - 2px);
     height: 13.3vw;
     border: 1px solid #3332;
     margin: 0;

src/views/productCenter/product/dataAcquisitionSensing.vue

@@ -1,19 +1,21 @@
 <template>
   <div>
     <TitleGroup>
-      <template slot="title">DATA ACQUISITION SENSING</template>
-      <template slot="subTitle">数采传感硬件系列</template>
+      <template slot="title">{{ data.productInfoEtitle }}</template>
+      <template slot="subTitle">{{ data.productInfoCtitle }}</template>
     </TitleGroup>
     <div class="list">
-      <div class="item" v-for=" i in 8">
+      <div class="item" v-for=" i in data.hwProductInfoDetailList">
         <div class="image">
           <el-image
             style="width: 100%; height: 100%;"
-            :src="banner"
+            :src="i.productInfoDetailPic"
             fit="contain"></el-image>
         </div>
         <div class="info">
-          RFID通道门具有窄波束、高增益特点，适用于超高频门禁通道类、物流仓储、人员、图书、档案馆、医疗系统、设备资产等应用。
+          <span>
+          {{ i.productInfoDetailDesc }}
+          </span>
         </div>
       </div>
     </div>
@@ -26,6 +28,7 @@ import banner from '@/assets/image/banner.png'
 
 export default {
   name: 'HighFrequencyRFID',
+  props:['data'],
   components: {
     TitleGroup
   },
@@ -52,6 +55,7 @@ export default {
     display: inline-block;
     box-shadow: 0 0 3px #0002;
     margin-bottom: 1.4vw;
+    vertical-align: top;
 
     .image {
       width: 100%;
@@ -66,6 +70,12 @@ export default {
       line-height: 1.2vw;
       letter-spacing: 0.6px;
       color: #0006;
+      span{
+        display: inline-block;
+        width: calc(100%  );
+        height: calc(100%  );
+        overflow: hidden;
+      }
     }
 
     &:nth-child(4n) {

src/views/productCenter/product/ultraHighFrequencyRFID.vue

@@ -41,7 +41,7 @@ import banner from '@/assets/image/banner.png'
 
 export default {
   name: 'HighFrequencyRFID',
-  props:['data'],
+  props: ['data'],
   components: {
     TitleGroup
   },