From 69b6ea9298a80e534c0685e1a9a08b518e8504e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Mon, 1 Sep 2025 09:36:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/contactUs/index.vue         | 34 ++++++++++++++++++++-------
 src/views/index/carousel.vue          | 20 ++--------------
 src/views/index/index.vue             | 24 ++++++++++++++++++-
 src/views/industrySolutions/index.vue | 33 ++++++++++++++++++++------
 4 files changed, 77 insertions(+), 34 deletions(-)

diff --git a/src/views/contactUs/index.vue b/src/views/contactUs/index.vue
index 5415283..a7f6ad6 100644
--- a/src/views/contactUs/index.vue
+++ b/src/views/contactUs/index.vue
@@ -1,14 +1,8 @@
 <template>
   <div>
     <div class="banner">
-      <el-image
-        style="width: 100%; height: 100%;position:absolute;top: 0;left: 0;"
-        :src="banner"
-        fit="contain"></el-image>
-      <div class="bannerInfo">
-        青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。
-      </div>
-      <div class="tabs">
+      <Carousel class="carousel" :bannerList="bannerList" :indicator-position="'none'"/>
+      <div class="tabs" style="z-index: 99;">
         <div class="content">
           <div @click="checkTabs(i,k)" :class="`tab ${tabsActive === k ? 'active':''}`" v-for="(i,k) in data.tabsList">
             {{ i.title }}
@@ -49,10 +43,12 @@ import TeamStyle from './teamStyle'
 import ContactUs from '@/components/contactUs'
 import Copyright from '@/components/copyright'
 import {getAboutUsInfo} from "@/api/contactUs";
+import Carousel from "@/views/index/carousel.vue";
 
 export default {
   name: 'ContactUs1',
   components: {
+    Carousel,
     CompanyProfile,
     EnterpriseQualification,
     Partner,
@@ -63,6 +59,23 @@ export default {
   },
   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'
+        },
+      ],
       banner: '',
       bannerTitle: '',
       tabsActive: 0,
@@ -195,6 +208,11 @@ export default {
 <style lang="less" scoped>
 @import "~@/style.less";
 
+.carousel {
+  width: 100%;
+  height: 35.5vw;
+}
+
 .banner {
   width: 100%;
   height: 35.5vw;
diff --git a/src/views/index/carousel.vue b/src/views/index/carousel.vue
index 456bae8..c096dac 100644
--- a/src/views/index/carousel.vue
+++ b/src/views/index/carousel.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-carousel trigger="click" style="height:100%">
+    <el-carousel trigger="click" style="height:100%" :indicator-position="indicatorPosition ||''">
       <el-carousel-item v-for="item in bannerList" :key="item"  >
         <div style="position: relative">
           <el-image
@@ -20,25 +20,9 @@ import {getPortalList} from "@/api";
 
 export default {
   name: 'Carousel',
+  props: ['bannerList', 'indicatorPosition'],
   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'
-        },
-      ],
     }
   },
   mounted() {
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 186ff94..de747bf 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Carousel class="carousel"/>
+    <Carousel class="carousel" :bannerList="bannerList"/>
     <ProductCenter class="productCenter"/>
     <ClassicCase class="classicCase"/>
 <!--    <NewsCenter class="newsCenter"/>-->
@@ -27,6 +27,28 @@ export default {
     ContactUs,
     Copyright
   },
+  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'
+        },
+      ],
+    }
+  }
 }
 </script>
 
diff --git a/src/views/industrySolutions/index.vue b/src/views/industrySolutions/index.vue
index 5ae354b..9858c97 100644
--- a/src/views/industrySolutions/index.vue
+++ b/src/views/industrySolutions/index.vue
@@ -1,13 +1,8 @@
 <template>
   <div>
     <div class="banner">
-      <el-image
-        style="width: 100%; height: 100%;position:absolute;top: 0;left: 0;"
-        :src="banner"
-        fit="contain"></el-image>
-      <div class="bannerInfo">
-<!--        青岛海威物联科技有限公司，致力于工业物联网软硬件系统研发、生产和销售，提供感知互联的工业化联网整体解决方案。-->
-      </div>
+
+      <Carousel class="carousel" :bannerList="bannerList"/>
     </div>
     <div style="width: 75vw;margin:0 auto;margin-top: 2vw; text-align: left">
       <template v-for="i in tabsList">
@@ -39,15 +34,34 @@
 import ContactUs from '@/components/contactUs'
 import Copyright from '@/components/copyright'
 import {selectMenuTree} from "@/api/hwWebMenu";
+import Carousel from "@/views/index/carousel.vue";
 
 export default {
   name: 'ContactUs1',
   components: {
+    Carousel,
     ContactUs,
     Copyright
   },
   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'
+        },
+      ],
       banner:'http://www.highwayiot.com/home/2/6/3rrzpl/resource/2018/10/23/5bcedfaf21a51.jpg',
       bannerTitle: '',
       tabsActive: 0,
@@ -129,6 +143,11 @@ export default {
 <style lang="less" scoped>
 @import "~@/style.less";
 
+.carousel {
+  width: 100%;
+  height: 35.5vw;
+}
+
 .banner {
   width: 100%;
   height: 35.5vw;