From a7941626a53dbd4b48185dad39641d4c1632b3eb Mon Sep 17 00:00:00 2001
From: suixy <2277317060@qq.com>
Date: Tue, 21 Apr 2026 10:09:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5=E5=92=8C?=
 =?UTF-8?q?=E8=A1=8C=E4=B8=9A=E6=96=B9=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index/carousel.vue          | 13 +----
 src/views/index/index.vue             | 40 +++++++-------
 src/views/industrySolutions/index.vue |  1 +
 src/views/productCenter/index.vue     | 75 ++++++++++++++++-----------
 4 files changed, 68 insertions(+), 61 deletions(-)

diff --git a/src/views/index/carousel.vue b/src/views/index/carousel.vue
index af0d029..b70d2e9 100644
--- a/src/views/index/carousel.vue
+++ b/src/views/index/carousel.vue
@@ -26,19 +26,8 @@ export default {
     }
   },
   mounted() {
-    this.getData()
   },
-  methods:{
-    getData(){
-      getPortalList({
-        portalConfigType:1,
-        pageNum:1,
-        pageSize:100
-      }).then(e=>{
-        console.log(e.rows)
-        // this.bannerList = e.rows
-      })
-    }
+  methods: {
   },
 }
 </script>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index b8c0f58..48e2558 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Carousel class="carousel" :bannerList="components.swiper || bannerList"/>
+    <Carousel class="carousel" :bannerList="components.swiper  "/>
     <ClassicCase class="classicCase" :data="components.classicCaseData ||[]"/>
     <ProductCenter class="productCenter" :data="components.productCenterData ||[]"/>
     <NewsCenter class="newsCenter"/>
@@ -31,27 +31,28 @@ export default {
   mounted() {
     getHwWeb(-1).then(res => {
       this.components = JSON.parse(res?.data?.webJsonString || '{}')
+      console.log(this.components)
     })
   },
   data() {
     return {
-      bannerList: [
-        {
-          portalConfigPic: 'http://www.highwayiot.com/home/2/6/3rrzpl/resource/2018/10/23/5bcedfaf21a51.jpg',
-          // portalConfigTitle: '工业物联网定制化解决方案提供商',
-          // portalConfigDesc: 'INDUSTRIAL IOT CUSTOMIZATION SOLUTION PROVIDER'
-        },
-        {
-          portalConfigPic: 'http://www.highwayiot.com/home/2/6/3rrzpl/resource/2018/10/26/5bd2d7716deb5.jpg',
-          // portalConfigTitle: '工业物联网定制化解决方案提供商',
-          // portalConfigDesc: 'INDUSTRIAL IOT CUSTOMIZATION SOLUTION PROVIDER'
-        },
-        {
-          portalConfigPic: 'http://www.highwayiot.com/home/2/6/3rrzpl/resource/2018/10/23/5bcedfa35afa1.jpg',
-          // portalConfigTitle: '工业物联网定制化解决方案提供商',
-          // portalConfigDesc: 'INDUSTRIAL IOT CUSTOMIZATION SOLUTION PROVIDER'
-        },
-      ],
+      // bannerList: [
+      //   {
+      //     portalConfigPic: 'http://www.highwayiot.com/home/2/6/3rrzpl/resource/2018/10/23/5bcedfaf21a51.jpg',
+      //     portalConfigTitle: '工业物联网定制化解决方案提供商',
+      //     portalConfigDesc: 'INDUSTRIAL IOT CUSTOMIZATION SOLUTION PROVIDER'
+      //   },
+      //   {
+      //     portalConfigPic: 'http://www.highwayiot.com/home/2/6/3rrzpl/resource/2018/10/26/5bd2d7716deb5.jpg',
+      //     portalConfigTitle: '工业物联网定制化解决方案提供商',
+      //     portalConfigDesc: 'INDUSTRIAL IOT CUSTOMIZATION SOLUTION PROVIDER'
+      //   },
+      //   {
+      //     portalConfigPic: 'http://www.highwayiot.com/home/2/6/3rrzpl/resource/2018/10/23/5bcedfa35afa1.jpg',
+      //     portalConfigTitle: '工业物联网定制化解决方案提供商',
+      //     portalConfigDesc: 'INDUSTRIAL IOT CUSTOMIZATION SOLUTION PROVIDER'
+      //   },
+      // ],
       components: {},
     }
   }
@@ -83,7 +84,8 @@ export default {
   width: 100%;
   background-color: #2e445c;
 }
-.copyright{
+
+.copyright {
   width: 100%;
   background-color: #1d3348;
 }
diff --git a/src/views/industrySolutions/index.vue b/src/views/industrySolutions/index.vue
index 05867bb..6fce3c5 100644
--- a/src/views/industrySolutions/index.vue
+++ b/src/views/industrySolutions/index.vue
@@ -308,6 +308,7 @@ export default {
     }
   }
 }
+
 .swiper {
   width: 58vw;
   margin: 0 auto;
diff --git a/src/views/productCenter/index.vue b/src/views/productCenter/index.vue
index 331b9ae..5bea230 100644
--- a/src/views/productCenter/index.vue
+++ b/src/views/productCenter/index.vue
@@ -3,17 +3,16 @@
     <div class="banner">
       <el-image
         style="width: 100%; height: 100%;position:absolute;top: 0;left: 0;"
-        :src="pageData.banner"
+        :src="pageData.productList.find(e => e.id === tabsActive).banner || pageData.banner"
         fit="contain"></el-image>
       <div class="bannerInfo">{{ pageData.bannerTitle }}</div>
-      <div class="tabs">
-        <div class="content">
-          <div @click="checkTabs(i,k)"
-               style="white-space: nowrap;overflow: auto"
-               :style="`fontSize:clamp(0.7vw,calc(${(60/tabsData.length)}vw / ${ i.webMenuName.length}),1.4vw);width:${tabsActive === i.webMenuId ? (100/tabsData.length+'%'):`calc(${100/tabsData.length}% - 2px)`}`"
-               :class="`tab ${tabsActive === i.webMenuId ? 'active':''}`" v-for="(i,k) in tabsData">
-            {{ i.webMenuName }}
-          </div>
+    </div>
+    <div class="tabs">
+      <div class="content">
+        <div @click="checkTabs(i,k)"
+             style="white-space: nowrap;overflow: auto"
+             :class="`tab ${tabsActive == i.webMenuId ? 'active':''}`" v-for="(i,k) in tabsData">
+          {{ i.webMenuName }}
         </div>
       </div>
     </div>
@@ -133,37 +132,53 @@ export default {
     letter-spacing: 2px;
   }
 
-  .tabs {
-    position: absolute;
-    bottom: 0;
+}
+
+.tabs {
+  cursor: pointer;
+  bottom: 0;
+  width: 100%;
+  white-space: nowrap;
+  background: linear-gradient(to bottom, fade(@standard-color, 10), fade(#fff, 10));
+  backdrop-filter: saturate(50%) blur(4px);
+
+  .content {
     width: 100%;
-    background: linear-gradient(to bottom, fade(@standard-color, 10), fade(#fff, 10));
-    backdrop-filter: saturate(50%) blur(4px);
+    position: relative;
+    left: 50%;
+    bottom: 0;
+    transform: translateX(-50%);
 
-    .content {
-      width: 62%;
+    .tab {
+      display: inline-block;
+      line-height: 6.2vw;
+      letter-spacing: 3px;
+      font-size: 1vw;
       position: relative;
-      left: 50%;
-      bottom: 0;
-      transform: translateX(-50%);
+      padding: 0 2vw;
 
-      .tab {
-        display: inline-block;
-        line-height: 6.2vw;
-        font-size: 1.6vw;
-        letter-spacing: 3px;
+      &:last-child::after {
+        display: none;
       }
 
-      .tab.active {
-        color: @standard-color;
-        width: calc(50% - 3px);
-        border: 1px solid #fff;
-        box-shadow: 0 0 3px #0002;
+      &::after {
+        content: '';
+        position: absolute;
+        right: 0;
+        width: 1px;
+        height: 1vw;
+        background-color: #409eff;
+        top: calc(50% - 0.5vw);
       }
     }
+
+    .tab.active {
+      color: @standard-color;
+      //border: 1px solid #fff6;
+      //box-shadow: 0 0 3px #0002;
+    }
   }
 }
-
 .contactUs {
   width: 100%;
   background-color: #2e445c;