Merge branch 'v2' of http://git.ycjcjy.com/default/yz-offical into v2

src/components/LeftMiddleRightImgText.astro

@@ -73,7 +73,7 @@ import Text from '@/components/children/Text.astro'
     }
   </div>
 </div>
-<style>
+<style lang="less">
   .text-underline {
     display: inline-block;
     width: 100px;
@@ -93,13 +93,11 @@ import Text from '@/components/children/Text.astro'
     background-color: #c7000b;
     color: white;
   }
-  .textEnlargeImg .transformEnlarge {
-    transition: transform 1s ease;
-  }
-  .textEnlargeImg:hover .transformEnlarge {
+  // .textEnlargeImg:hover .transformEnlarge:hover {
+  //   transform: scale(1.1);
+  // }
+  .textHover:hover ~ .textEnlargeImg .transformEnlarge {
     transform: scale(1.1);
-    max-width: 100%;
-    max-height: 100%;
   }
 </style>
 

src/components/LeftMiddleRightImgTextPro/index.astro

@@ -0,0 +1,52 @@
+---
+import Container from '@/components/Container.astro'
+import MediaCard from '@/components/MediaCard/MediaCard1.astro'
+
+const { listOrData, componentsBg, componentTitle, btnBottomDisplay, bhref } =
+  Astro.props
+---
+
+<div class=`py-5 ${componentsBg}`>
+  <Container title={componentTitle}>
+    <div class="row g-5">
+      {
+        listOrData.map((item, index) => (
+          <div class="col-md-4 col-sm-12" id={item.id}>
+            <MediaCard
+              link={item?.link}
+              thumb={item?.thumb}
+              title={item?.title}
+              subTitle={item?.subTitle}
+              more
+            />
+          </div>
+        ))
+      }
+    </div>
+    {
+      btnBottomDisplay && (
+        <div class="text-center pt-5">
+          <a class=" a-bottom-link" href={`${bhref}`}>
+            更多新闻资讯
+          </a>
+        </div>
+      )
+    }
+  </Container>
+</div>
+<style>
+  .a-bottom-link {
+    font-size: 20px;
+    padding: 12px 33px;
+    border: 2px solid #c7000b;
+    border-radius: 30px;
+    text-decoration: none;
+    color: #c7000b;
+    cursor: pointer;
+    display: inline-block;
+  }
+  .a-bottom-link:hover {
+    background-color: #c7000b;
+    color: white;
+  }
+</style>

src/components/Title/PartTitle.astro

@@ -1,38 +1,32 @@
 ---
-
-const {
-  title,
-} = Astro.props;
+const { title } = Astro.props
 ---
 
 <h1 class="part-title">
-  <div class="title pb-4">
+  <div class="title pb-4 mb-3">
     {title}
   </div>
 </h1>
 
-
 <style lang="less">
-
-.part-title {
-  font-size: 48px;
-  line-height: 1.5;
-  text-align: center;
-
-  .title {
-    display: inline-block;
-    position: relative;
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: 0;
-      left: 25%;
-      width: 50%;
-      min-height: 2px;
-      background-color: var(--bs-danger);
+  .part-title {
+    font-size: 48px;
+    line-height: 1.5;
+    text-align: center;
+
+    .title {
+      display: inline-block;
+      position: relative;
+
+      &::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 25%;
+        width: 50%;
+        min-height: 2px;
+        background-color: var(--bs-danger);
+      }
     }
   }
-}
-
-</style>
+</style>

src/components/Title/SubTitle.astro

@@ -1,12 +1,7 @@
 ---
+const { text, lines = 0, class: className } = Astro.props
 
-const {
-  text,
-  lines = 0,
-  class: className,
-} = Astro.props
-
-let style = '';
+let style = ''
 if (lines == 1) {
   style = [
     'white-space: nowrap',
@@ -20,11 +15,11 @@ if (lines == 1) {
     '-webkit-box-orient: vertical',
     'overflow: hidden',
     'text-overflow: ellipsis',
+    'height:5vw',
   ].join(';')
 }
-
 ---
 
 <p class:list={['text-secondary lh-lg', className]} style={style}>
-{text}
+  {text}
 </p>

src/components/children/Text.astro

@@ -7,6 +7,7 @@ const {
   textWeight,
   ellipsis,
   btnDisplay = true,
+  btn2,
   textUnderline,
   position,
   titleColor,
@@ -23,13 +24,16 @@ const {
   pLine = 'title-line-ellipsis',
   isContent = true,
   pMb,
+  subPmb,
   animation,
+  textP,
 } = Astro.props
+import LinkBtn2 from '@/components/Button/LinkBtn2.astro'
 ---
 
 <!-- 文本 -->
 <div
-  class=`${position} px-${px} rounded-${rounded} ${animation}`
+  class=`${position} px-${px} rounded-${rounded} ${animation} pb-${textP} textHover`
   style=`top:${top}%!important;background-color:${backgroundColor};`
 >
   <p
@@ -42,7 +46,7 @@ const {
   {
     isContent && (
       <p
-        class={`${ellipsis} pt-${pt} p-content`}
+        class={`${ellipsis} pt-${pt} p-content mb-${subPmb}`}
         style={`font-size:${childrenSize}px;color:#666;line-height:${contentLineHeight};height:${contentHeight}em;`}
       >
         {listOrData?.content}
@@ -56,6 +60,7 @@ const {
       </a>
     )
   }
+  {btn2 && <LinkBtn2>了解更多</LinkBtn2>}
 </div>
 
 <style>
@@ -94,8 +99,8 @@ const {
   }
   .line-ellipsis-large {
     display: -webkit-box;
-    height: 19em;
-    -webkit-line-clamp: 9;
+    height: 17em;
+    -webkit-line-clamp: 8;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;

src/layouts/Layout.astro

@@ -37,7 +37,7 @@ const { title } = Astro.props
         /* height: 100%; */
         margin: 0 !important;
         padding: 0 !important;
-        background-color: white;
+        background-color: #f8f8f8;
         /* background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
           no-repeat; */
       }
@@ -55,12 +55,13 @@ const { title } = Astro.props
       .bg-even {
         background: white;
       }
-      .bg-blue {
-        background: #dee2ea;
+      .bg-img {
+        background: url('/public/background.jpg') no-repeat;
+        background-size: cover;
       }
-      .bg-grey {
+      /* .bg-grey {
         background: #f6f6f6;
-      }
+      } */
       .bg-l {
         background: #eee;
       }

src/pages/[lang]/about/index.astro

@@ -94,8 +94,11 @@ const imgProData3 = {
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftMiddleRightImgText
     componentTitle="案例统计"
@@ -104,7 +107,8 @@ const imgProData3 = {
     titleHeight="3.2"
     pt="4"
     px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
+    subPmb="5"
   />
   <ImgPro
     listOrData={imgProData2}

src/pages/[lang]/index.astro

@@ -16,6 +16,7 @@ import pageData from '@/data/homepage'
 
 import Container from '@/components/Container.astro'
 import MediaCard from '@/components/MediaCard/MediaCard1.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 function getName(item = {}) {
   return (
@@ -105,83 +106,86 @@ const leftImgRightTextData = [
 const caseList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-finance-summit-2024.jpg',
-    children: {
-      title: '房源交易系统',
-      content: '房源交易业务支撑系统，涵盖新房、二手房、租房的功能管理模块。',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-finance-summit-2024.jpg',
+    title: '房源交易系统',
+    subTitle: '房源交易业务支撑系统，涵盖新房、二手房、租房的功能管理模块。',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-hpc2024.jpg',
-    children: {
-      title: '城的空间',
-      content:
-        '为提升售楼处的体验，提高数字化和智能化的进程，提高小区的品质和形象，引入售楼处和后续小区的私有化会所形象，专门为品质生活服务的需求应运而生。',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-hpc2024.jpg',
+    title: '城的空间',
+    subTitle:
+      '为提升售楼处的体验，提高数字化和智能化的进程，提高小区的品质和形象，引入售楼处和后续小区的私有化会所形象，专门为品质生活服务的需求应运而生。',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/images/events/list/2307-storage-ai-product-launch-event-list.jpg',
-    children: {
-      title: '资源管理平台',
-      content:
-        '是针对集团性企业有众多供应商库和众多分公司，对于内部信息 不对称，资源拥有量不清楚的情况，做一个自有资源展示、交易平台。',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/events/list/2307-storage-ai-product-launch-event-list.jpg',
+    title: '资源管理平台',
+    subTitle:
+      '是针对集团性企业有众多供应商库和众多分公司，对于内部信息 不对称，资源拥有量不清楚的情况，做一个自有资源展示、交易平台。',
   },
   {
     id: '4',
-    url: 'https://e.huawei.com/-/mediae/images/events/list/2023-cn-data-storage-user-forum-list.jpg',
-    children: {
-      title: '智慧社区',
-      content:
-        '物业系统（停车系统、缴费系统、门禁系统、公告发布系统）、安防系统、管家系统（智能家居）、社区系统以及智能硬件模块对接，实现用户数据采 集、用户电子化管理、用户激活等功能。',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/events/list/2023-cn-data-storage-user-forum-list.jpg',
+    title: '智慧社区',
+    subTitle:
+      '物业系统（停车系统、缴费系统、门禁系统、公告发布系统）、安防系统、管家系统（智能家居）、社区系统以及智能硬件模块对接，实现用户数据采 集、用户电子化管理、用户激活等功能。',
   },
   {
     id: '5',
-    url: 'https://e.huawei.com/-/mediae/EBG2022/Events/list-230426-cn-smart-manufacturing-data-infrastructure.jpg',
-    children: {
-      title: '智慧消防控制平台',
-      content:
-        '展示大屏（分析），依赖动态且丰富的主题信息设计，配合 设计感强的大屏场景设计，从而展示数据及业务现状，达到 一定的数据应用价值。',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG2022/Events/list-230426-cn-smart-manufacturing-data-infrastructure.jpg',
+    title: '智慧消防控制平台',
+    subTitle:
+      '展示大屏（分析），依赖动态且丰富的主题信息设计，配合 设计感强的大屏场景设计，从而展示数据及业务现状，达到 一定的数据应用价值。',
   },
   {
     id: '6',
-    url: 'https://e.huawei.com/-/mediae/images/events/list/220909-cn-longkou-intelligent-city.jpg',
-    children: {
-      title: '邓州市共享农机系统',
-      content:
-        '农机共享平台针对农业农村 局等管理单位提供管理运营 的功能，农业农村局等管理 单位，担任审核、运营及数 据管理的职能。',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/events/list/220909-cn-longkou-intelligent-city.jpg',
+    title: '邓州市共享农机系统',
+    subTitle:
+      '农机共享平台针对农业农村 局等管理单位提供管理运营 的功能，农业农村局等管理 单位，担任审核、运营及数 据管理的职能。',
   },
 ]
 
 const informationList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-4.jpg',
-    children: {
-      title: '“因聚而生 数智有为”华为举办中国合作伙伴大会2024',
-      content: '',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-4.jpg',
+    title: '因聚而生 数智有为”华为举办中国合作伙伴大会2024',
+    subTitle:
+      '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-1.jpg',
-    children: {
-      title: '华为连续四年获Gartner Peer Insights™ SD-WAN “客户之选”',
-      content: '',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-1.jpg',
+    title: '华为连续四年获Gartner Peer Insights™ SD-WAN “客户之选”',
+    subTitle:
+      '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg',
-    children: {
-      title: '华为独家荣获Gartner Peer Insights™主存储全球“客户之选”',
-      content: '',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg',
+    title: '华为独家荣获Gartner Peer Insights™',
+    subTitle:
+      '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
   },
 ]
 ---
@@ -209,38 +213,25 @@ const informationList = [
     titleSize="34"
     pt="4"
     px="5"
-    contentHeight="19"
-    componentsBg="bg-blue"
-  />
-
-  <LeftMiddleRightImgText
-    componentTitle="案例展示"
-    listOrData={caseList}
-    textAlign="text-center"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-grey"
+    contentHeight="17"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
-  <LeftMiddleRightImgText
-    componentTitle="最新资讯"
+  <LeftMiddleRightImgTextPro listOrData={caseList} componentTitle="案例展示" />
+  <LeftMiddleRightImgTextPro
     listOrData={informationList}
-    textAlign="text-center"
+    componentTitle="最新资讯"
     btnBottomDisplay={true}
     bhref=`/${lang}/news`
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
   />
-
   <Container title="测试标题">
     <div class="row" style="--bs-gutter-x: 48px">
       <div class="col-md-4 col-sm-12 mt-4">
         <MediaCard
           link="http://www.baidu.com"
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
           more
         />
@@ -248,21 +239,21 @@ const informationList = [
       <div class="col-md-4 col-sm-12 mt-4">
         <MediaCard
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
         />
       </div>
       <div class="col-md-4 col-sm-12 mt-4">
         <MediaCard
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
         />
       </div>
       <div class="col-md-4 col-sm-12 mt-md-5 mt-4">
         <MediaCard
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
         />
       </div>

src/pages/[lang]/product/gov-ent-health/index.astro

@@ -8,7 +8,7 @@ const { lang = 'zh' } = Astro.params
 <Layout title="菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
-    <div class="row g-5">
+    <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
         <div class="card border-0 text-center my-1">
           <a

src/pages/[lang]/product/others/index.astro

@@ -8,7 +8,7 @@ const { lang = 'zh' } = Astro.params
 <Layout title="菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
-    <div class="row g-5">
+    <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
         <div class="card border-0 text-center my-1">
           <a

src/pages/[lang]/products-solutions/gov-ent-health/bank/custom/index.astro

@@ -9,6 +9,7 @@ import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import Text from '@/components/children/Text.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
@@ -21,60 +22,54 @@ const imgProData = {
 const informationList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-    children: {
-      title: '定制开发',
-      content: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '定制开发',
+    subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-    children: {
-      title: '定制开发',
-      content: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    title: '定制开发',
+    subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-    children: {
-      title: '定制开发',
-      content: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    title: '定制开发',
+    subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
   },
 ]
 const carouselList = [
-  [
-    [
-      {
-        id: '1',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
-        children: {
-          title: '定制开发',
-          content: '定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-      },
-      {
-        id: '2',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
-        children: {
-          title: '定制开发',
-          content:
-            '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-      },
-      {
-        id: '3',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
-        children: {
-          title: '定制开发',
-          content:
-            '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-      },
-    ],
-  ],
+  {
+    id: '1',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '定制开发',
+    subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+  },
+  {
+    id: '2',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    title: '定制开发',
+    subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+  },
+  {
+    id: '3',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    title: '定制开发',
+    subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+  },
 ]
 const carouselList2 = [
   [
@@ -165,15 +160,24 @@ const list = [
     position="positionMiddle"
     btnDisplay={false}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
+    componentTitle="场景化解决方案"
+    listOrData={informationList}
+  />
+  <LeftMiddleRightImgTextPro
+    componentTitle="相关产品"
+    listOrData={carouselList}
+  />
+  <!-- <LeftMiddleRightImgText
     componentTitle="场景化解决方案"
     listOrData={informationList}
     titleHeight="3.2"
     pt="4"
     px="5"
-    componentsBg="bg-blue"
-  />
-  <Carousel
+    componentsBg="bg-img"
+    subPmb="5"
+  /> -->
+  <!-- <Carousel
     componentTitle="相关产品"
     list={carouselList}
     Children={LeftMiddleRightImgText}
@@ -184,7 +188,8 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-grey"
-  />
+    subPmb="5"
+  /> -->
   <Carousel
     componentTitle="成功案例"
     list={carouselList2}
@@ -193,8 +198,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
-    componentsBg="bg-blue"
+    contentHeight="17"
+    componentsBg="bg-img"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <VerticalNavigationContent
     list={list}
@@ -206,7 +214,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -214,6 +222,7 @@ const list = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/gov-ent-health/bank/index.astro

@@ -9,6 +9,7 @@ import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import Text from '@/components/children/Text.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
@@ -21,27 +22,27 @@ const imgProData = {
 const informationList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-    children: {
-      title: '银行业务',
-      content: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '银行业务',
+    subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-    children: {
-      title: '银行业务',
-      content: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    title: '银行业务',
+    subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-    children: {
-      title: '银行业务',
-      content: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    title: '银行业务',
+    subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
   },
 ]
 const carouselList = [
@@ -75,36 +76,30 @@ const carouselList = [
   ],
 ]
 const carouselList2 = [
-  [
-    [
-      {
-        id: '1',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
-        children: {
-          title: '银行业务',
-          content: '银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-      },
-      {
-        id: '2',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
-        children: {
-          title: '银行业务',
-          content:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-      },
-      {
-        id: '3',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
-        children: {
-          title: '银行业务',
-          content:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-      },
-    ],
-  ],
+  {
+    id: '1',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '银行业务',
+    subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+  },
+  {
+    id: '2',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    title: '银行业务',
+    subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+  },
+  {
+    id: '3',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    title: '银行业务',
+    subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+  },
 ]
 const verticalNavigationContentList = [
   {
@@ -169,13 +164,10 @@ const verticalNavigationContentList = [
     position="positionMiddle"
     btnDisplay={false}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="场景化解决方案"
     listOrData={informationList}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -185,20 +177,16 @@ const verticalNavigationContentList = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
-  <Carousel
-    componentTitle="新闻与活动"
-    list={carouselList2}
-    line="0"
-    Children={LeftMiddleRightImgText}
-    titleTextAlign="text-end"
-    textAlign="text-end"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+  <LeftMiddleRightImgTextPro
+    componentTitle="新闻资讯"
+    listOrData={carouselList2}
+    componentsBg="bg-img"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -210,7 +198,7 @@ const verticalNavigationContentList = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -218,6 +206,7 @@ const verticalNavigationContentList = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/gov-ent-health/gov/civilized-city/index.astro

@@ -104,8 +104,11 @@ const list = [
     titleSize="34"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <VerticalNavigationContent
     list={list}
@@ -117,7 +120,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -125,6 +128,7 @@ const list = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/gov-ent-health/gov/index.astro

@@ -10,6 +10,7 @@ import Text from '@/components/children/Text.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
@@ -22,27 +23,27 @@ const imgProData = {
 const informationList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-    children: {
-      title: '政务服务',
-      content: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '政务服务',
+    subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-    children: {
-      title: '政务服务',
-      content: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '政务服务',
+    subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-    children: {
-      title: '政务服务',
-      content: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '政务服务',
+    subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
   },
 ]
 const carouselList = [
@@ -164,13 +165,10 @@ const list = [
     position="positionMiddle"
     btnDisplay={false}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="场景化解决方案"
     listOrData={informationList}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <Carousel
     componentTitle="成功案例"
@@ -180,8 +178,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftMiddleRightText
     componentTitle="新闻与活动"
@@ -190,7 +191,6 @@ const list = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
-    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={list}
@@ -202,7 +202,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -210,6 +210,7 @@ const list = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/gov-ent-health/healthcare/index.astro

@@ -9,6 +9,7 @@ import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import Text from '@/components/children/Text.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
@@ -69,36 +70,30 @@ const carouselList = [
   ],
 ]
 const carouselList2 = [
-  [
-    [
-      {
-        id: '1',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
-        children: {
-          title: '医院医疗',
-          content: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-      },
-      {
-        id: '2',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
-        children: {
-          title: '医院医疗',
-          content:
-            '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-      },
-      {
-        id: '3',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
-        children: {
-          title: '医院医疗',
-          content:
-            '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-      },
-    ],
-  ],
+  {
+    id: '1',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '医院医疗',
+    subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+  },
+  {
+    id: '2',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    title: '医院医疗',
+    subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+  },
+  {
+    id: '3',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    title: '医院医疗',
+    subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+  },
 ]
 const list = [
   {
@@ -166,8 +161,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <Carousel
     componentTitle="成功案例"
@@ -177,20 +175,16 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
-    componentsBg="bg-blue"
+    contentHeight="17"
+    componentsBg="bg-img"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
-  <Carousel
-    componentTitle="新闻与活动"
-    list={carouselList2}
-    Children={LeftMiddleRightImgText}
-    titleTextAlign="text-end"
-    textAlign="text-end"
-    line="0"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-grey"
+  <LeftMiddleRightImgTextPro
+    componentTitle="相关产品"
+    listOrData={carouselList2}
+    componentsBg="bg-img"
   />
   <VerticalNavigationContent
     list={list}
@@ -199,14 +193,18 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/index.astro

@@ -8,7 +8,7 @@ const { lang = 'zh' } = Astro.params
 <Layout title="菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
-    <div class="row g-5">
+    <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
         <div class="card border-0 text-center my-1">
           <a

src/pages/[lang]/products-solutions/industrial-internet/erp/index.astro

@@ -9,6 +9,7 @@ import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
 import Text from '@/components/children/Text.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = [
@@ -47,27 +48,27 @@ const leftImgRightTextList = [
 const informationList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERP',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: 'ERP',
+    subTitle: 'ERPERPERPERPERPERPERP',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERP',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: 'ERP',
+    subTitle: 'ERPERPERPERPERPERPERP',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERP',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: 'ERP',
+    subTitle: 'ERPERPERPERPERPERPERP',
   },
 ]
 const carouselList = [
@@ -99,27 +100,27 @@ const carouselList = [
 const informationList2 = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERP',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: 'ERP',
+    subTitle: 'ERPERPERPERPERPERPERP',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERP',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: 'ERP',
+    subTitle: 'ERPERPERPERPERPERPERP',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERP',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: 'ERP',
+    subTitle: 'ERPERPERPERPERPERPERP',
   },
 ]
 const carouselList2 = [
@@ -163,16 +164,16 @@ const carouselList2 = [
     titleSize="34"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="场景化解决方案"
     listOrData={informationList}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -182,16 +183,16 @@ const carouselList2 = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="配套产品"
     listOrData={informationList2}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <LeftMiddleRightText
     componentTitle="相关资源"
@@ -201,6 +202,7 @@ const carouselList2 = [
     pt="4"
     titleSize="20"
     titleHeight="4"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/industrial-internet/index.astro

@@ -8,7 +8,7 @@ const { lang = 'zh' } = Astro.params
 <Layout title="菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
-    <div class="row g-5">
+    <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
         <div class="card border-0 text-center my-1">
           <a

src/pages/[lang]/products-solutions/industrial-internet/mes/index.astro

@@ -183,8 +183,11 @@ const leftImgRightTextData3 = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftImgRightText
     listOrData={leftImgRightTextData3}
@@ -193,8 +196,11 @@ const leftImgRightTextData3 = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <VerticalNavigationContent
     list={list}
@@ -206,7 +212,7 @@ const leftImgRightTextData3 = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -214,6 +220,7 @@ const leftImgRightTextData3 = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/lot/agriculture/index.astro

@@ -9,6 +9,7 @@ import VerticalNavigationContent from '@/components/VerticalNavigationContent.as
 import Text from '@/components/children/Text.astro'
 import Footer from '@/components/Footer.astro'
 import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 const { lang = 'zh' } = Astro.params
 
 const sNav = ['项目内容', '大数据可视化平台', '”四情“监测系统', '相关资源']
@@ -34,78 +35,70 @@ const data = [
 const informationList = [
   {
     id: '1',
-    url: '/public/image/agriculture/revitalization.png',
-    children: {
-      title: '项目背景',
-      content:
-        '2021年5月，河南省委农村工作会议提出，四五”时期河南要推动乡村振兴实现更大突破走在全国前列。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/revitalization.png',
+    title: '项目背景',
+    subTitle:
+      '2021年5月，河南省委农村工作会议提出，四五”时期河南要推动乡村振兴实现更大突破走在全国前列。',
   },
   {
     id: '2',
-    url: '/public/image/agriculture/target.png',
-    children: {
-      title: '项目目标',
-      content:
-        '发展智慧农业是互联网+时代下现代农业的精细化管理，实现农业种养殖智慧化，以物联网技术等作为技术支撑，在坚持绿色发展为基础的原则下，将农业产业经济价值最大化。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/target.png',
+    title: '项目目标',
+    subTitle:
+      '发展智慧农业是互联网+时代下现代农业的精细化管理，实现农业种养殖智慧化，以物联网技术等作为技术支撑，在坚持绿色发展为基础的原则下，将农业产业经济价值最大化。',
   },
   {
     id: '3',
-    url: '/public/image/agriculture/programme.png',
-    children: {
-      title: '建设方案',
-      content:
-        '支持从门户网站到大型E-Commerce、电子商务平台网站的建立数据共享平台的建立，丰富的农业领域网站模板，资源弹性扩展用户空间隔离，高可靠可用性保障',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/programme.png',
+    title: '建设方案',
+    subTitle:
+      '支持从门户网站到大型E-Commerce、电子商务平台网站的建立数据共享平台的建立，丰富的农业领域网站模板，资源弹性扩展用户空间隔离，高可靠可用性保障',
   },
   {
     id: '4',
-    url: '/public/image/agriculture/programme.png',
-    children: {
-      title: '公司简介',
-      content:
-        '河南油田工程科技股份有限公司创立于2006年，是一家为石油、炼化行业安全环保管理提供咨询评价、方案设计、信息化赋能井坚持“产、学、研”协同发展的技术服务机构。公司2018年挂牌新三板，2021年升级为创新层，是河南省“高新技术企业”“专精特新企业”，与河南理工大学、郑州大学共建多所研究中心及实验室。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/programme.png',
+    title: '公司简介',
+    subTitle:
+      '河南油田工程科技股份有限公司创立于2006年，是一家为石油、炼化行业安全环保管理提供咨询评价、方案设计、信息化赋能井坚持“产、学、研”协同发展的技术服务机构。公司2018年挂牌新三板，2021年升级为创新层，是河南省“高新技术企业”“专精特新企业”，与河南理工大学、郑州大学共建多所研究中心及实验室。',
   },
 ]
 
 const informationList2 = [
   {
     id: '1',
-    url: '/public/image/agriculture/moistureContent.png',
-    children: {
-      title: '土壤墒情监测',
-      content:
-        '土壤墙情监测系统可实现全天候不间断监测。现场远程监测设备自动采集士壤培情实时数据并利用GPRS无线网络实现数据远程传输:监控中心自动接收、自动存储各监测点的监测数据到数据库中。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/moistureContent.png',
+    title: '项目土壤墒情监测背景',
+    subTitle:
+      '土壤墙情监测系统可实现全天候不间断监测。现场远程监测设备自动采集士壤培情实时数据并利用GPRS无线网络实现数据远程传输:监控中心自动接收、自动存储各监测点的监测数据到数据库中。',
   },
   {
     id: '2',
-    url: '/public/image/agriculture/insect.png',
-    children: {
-      title: '智能虫情监测',
-      content:
-        '自动虫情监测系统主要利用现代光、电、数控技术无线传输技术、互联网技术构建出一套害虫生态监测及预警系统该系统集害虫诱捕和拍照、环境信息采集数据传输、数据分析于一体，实现了害虫的诱集、分类统计、实时报传远程检测、虫害预警和防治指导的自动化、智能化。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/insect.png',
+    title: '智能虫情监测',
+    subTitle:
+      '自动虫情监测系统主要利用现代光、电、数控技术无线传输技术、互联网技术构建出一套害虫生态监测及预警系统该系统集害虫诱捕和拍照、环境信息采集数据传输、数据分析于一体，实现了害虫的诱集、分类统计、实时报传远程检测、虫害预警和防治指导的自动化、智能化。',
   },
   {
     id: '3',
-    url: '/public/image/agriculture/spore.png',
-    children: {
-      title: '智能孢子监测',
-      content:
-        '智能抱子监测系统集成电子数码显微、数字图像处理与人工智能识别、GMS全球数据传输等现代高新技术，集病菌抱子自动捕捉、自动识别、自动计数、自动存储等功能于一体,实现了病菌抱子的连续动态监测，可以显著提升农作物病害综合防控管理水平。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/spore.png',
+    title: '智能孢子监测',
+    subTitle:
+      '智能抱子监测系统集成电子数码显微、数字图像处理与人工智能识别、GMS全球数据传输等现代高新技术，集病菌抱子自动捕捉、自动识别、自动计数、自动存储等功能于一体,实现了病菌抱子的连续动态监测，可以显著提升农作物病害综合防控管理水平。',
   },
   {
     id: '4',
-    url: '/public/image/agriculture/programme.png',
-    children: {
-      title: '灾情、苗情监测',
-      content:
-        '通过对农田进行农业物联网传感器布局，对整个农种过程中的播种、施肥、采摘、包装等各个环节进行视频监控，树立标准化作业标准。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/agriculture/programme.png',
+    title: '灾情、苗情监测',
+    subTitle:
+      '通过对农田进行农业物联网传感器布局，对整个农种过程中的播种、施肥、采摘、包装等各个环节进行视频监控，树立标准化作业标准。',
   },
 ]
 
@@ -149,13 +142,10 @@ const list = [
     position="positionMiddle"
     btnDisplay={false}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="项目内容"
     listOrData={informationList}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <LeftImgRightText
     listOrData={data}
@@ -164,16 +154,16 @@ const list = [
     titleSize="34"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="”四情“监测系统"
     listOrData={informationList2}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <VerticalNavigationContent
     list={list}
@@ -185,7 +175,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -193,6 +183,7 @@ const list = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/lot/building/index.astro

@@ -11,6 +11,7 @@ import VerticalNavigationContent from '@/components/VerticalNavigationContent.as
 import ImgPro from '@/components/ImgPro.astro'
 import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
@@ -24,39 +25,35 @@ const imgProData1 = {
 const informationList2 = [
   {
     id: '1',
-    url: '/public/image/building/control.png',
-    children: {
-      title: '远程控制',
-      content:
-        '支持远程控制，通行人员可以通过小程序或PC后台进行远程开关门操作。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/building/control.png',
+    title: '远程控制',
+    subTitle:
+      '支持远程控制，通行人员可以通过小程序或PC后台进行远程开关门操作。',
   },
   {
     id: '2',
-    url: '/public/image/building/identify.png',
-    children: {
-      title: '智能识别',
-      content:
-        '采用先进的生物识别技术，如指纹识别、人脸识别等，实现快速、准确的身份识别。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/building/identify.png',
+    title: '智能识别',
+    subTitle:
+      '采用先进的生物识别技术，如指纹识别、人脸识别等，实现快速、准确的身份识别。',
   },
   {
     id: '3',
-    url: '/public/image/building/mode.png',
-    children: {
-      title: '多种开门方式',
-      content:
-        '支持多种开门方式，如密码、二维码、远程开门等，满足不同场景和需求。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/building/mode.png',
+    title: '多种开门方式',
+    subTitle:
+      '支持多种开门方式，如密码、二维码、远程开门等，满足不同场景和需求。',
   },
   {
     id: '4',
-    url: '/public/image/building/monitor.png',
-    children: {
-      title: '实时监控',
-      content:
-        '具备实时监控功能，可以实时记录门禁的开关状态、通行记录等信息，方便管理员管理和查询。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/building/monitor.png',
+    title: '实时监控',
+    subTitle:
+      '具备实时监控功能，可以实时记录门禁的开关状态、通行记录等信息，方便管理员管理和查询。',
   },
 ]
 
@@ -131,30 +128,27 @@ const imgProData3 = {
 const informationList3 = [
   {
     id: '1',
-    url: '/public/image/building/monitoring2.png',
-    children: {
-      title: '实时监控',
-      content:
-        '系统汇集楼宇内全部高清摄像头图像，实时监测各个监控区域状态，支持按条件和点位筛选查看。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/building/monitoring2.png',
+    title: '实时监控',
+    subTitle:
+      '系统汇集楼宇内全部高清摄像头图像，实时监测各个监控区域状态，支持按条件和点位筛选查看。',
   },
   {
     id: '2',
-    url: '/public/image/building/access.png',
-    children: {
-      title: '远程访问',
-      content:
-        '管理员可以通过手机、电脑等终端远程访问监控系统，随时随地查看实时监控画面和监测数据，保持对监控区域的掌控。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/building/access.png',
+    title: '远程访问',
+    subTitle:
+      '管理员可以通过手机、电脑等终端远程访问监控系统，随时随地查看实时监控画面和监测数据，保持对监控区域的掌控。',
   },
   {
     id: '3',
-    url: '/public/image/building/playback.png',
-    children: {
-      title: '录像回放',
-      content:
-        '系统支持对监控录像进行存储和回放，管理员可以根据需要查看历史监控记录，了解过去一段时间内的情况。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/building/playback.png',
+    title: '录像回放',
+    subTitle:
+      '系统支持对监控录像进行存储和回放，管理员可以根据需要查看历史监控记录，了解过去一段时间内的情况。',
   },
 ]
 
@@ -220,14 +214,10 @@ const list = [
     pt="4"
     componentsBg="bg-grey"
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="智能识别便捷通行"
     listOrData={informationList2}
-    textAlign="text-center"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <LeftMiddleRightText
     componentTitle="访客授权快捷登记"
@@ -249,7 +239,6 @@ const list = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
-    componentsBg="bg-blue"
   />
   <ImgPro
     listOrData={imgProData2}
@@ -264,14 +253,9 @@ const list = [
     position="positionMiddle"
     top="50"
   />
-  <LeftMiddleRightImgText
-    componentTitle="智能识别便捷通行"
+  <LeftMiddleRightImgTextPro
+    componentTitle="智慧识别便捷通行"
     listOrData={informationList3}
-    textAlign="text-center"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-grey"
   />
   <ImgPro
     titleHeight="2.5"
@@ -297,7 +281,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -305,6 +289,9 @@ const list = [
     isContent={false}
     pMb="3"
     animation="animation"
+    btnDisplay={false}
+    btn2={true}
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/lot/community/index.astro

@@ -9,6 +9,7 @@ import ImgPro from '@/components/ImgPro.astro'
 import Text from '@/components/children/Text.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['场景化解决方案', '相关产品']
@@ -20,30 +21,27 @@ const imgProData = {
 const informationList = [
   {
     id: '1',
-    url: '/public/image/community/satisfaction.png',
-    children: {
-      title: '提升用户满意度',
-      content:
-        '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/community/satisfaction.png',
+    title: '提升用户满意度',
+    subTitle:
+      '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
   },
   {
     id: '2',
-    url: '/public/image/community/optimization.png',
-    children: {
-      title: '优化运营效率',
-      content:
-        '利用智能化设备辅助人工，提升人员工作效率；基于数据实现人力等资源的优化调配',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/community/optimization.png',
+    title: '优化运营效率',
+    subTitle:
+      '利用智能化设备辅助人工，提升人员工作效率；基于数据实现人力等资源的优化调配',
   },
   {
     id: '3',
-    url: '/public/image/community/marketing.png',
-    children: {
-      title: '支撑精准营销',
-      content:
-        '通过智能化设备收集客户数据，丰富客户画像；未来可基于社区客户画像，实现对于社区客户的精准营销',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/community/marketing.png',
+    title: '支撑精准营销',
+    subTitle:
+      '通过智能化设备收集客户数据，丰富客户画像；未来可基于社区客户画像，实现对于社区客户的精准营销',
   },
 ]
 const carouselList2 = [
@@ -159,14 +157,10 @@ const list = [
     position="positionMiddle"
     btnDisplay={false}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="社区目的"
     listOrData={informationList}
-    textAlign="text-center"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <LeftMiddleRightText
     componentTitle="客户需求程度"
@@ -189,7 +183,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -197,6 +191,7 @@ const list = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/lot/exhibition-all/index.astro

@@ -9,6 +9,7 @@ import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import Text from '@/components/children/Text.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['场景化解决方案', '新闻与活动', '相关资源']
@@ -20,24 +21,27 @@ const imgProData = {
 const informationList = [
   {
     id: '1',
-    url: '/public/image/exhibition-all/3g.png',
-    children: {
-      title: '3G图片时代',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/exhibition-all/3g.png',
+    title: '3G图片时代',
+    subTitle:
+      '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
   },
   {
     id: '2',
-    url: '/public/image/exhibition-all/4g.png',
-    children: {
-      title: '4G视频时代',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/exhibition-all/4g.png',
+    title: '4G视频时代',
+    subTitle:
+      '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
   },
   {
     id: '3',
-    url: '/public/image/exhibition-all/5g.png',
-    children: {
-      title: '5G万物互联时代',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/exhibition-all/5g.png',
+    title: '5G万物互联时代',
+    subTitle:
+      '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
   },
 ]
 const carouselList = [
@@ -153,30 +157,27 @@ const carouselList2 = [
 const informationList2 = [
   {
     id: '1',
-    url: '/public/image/exhibition-all/concise.png',
-    children: {
-      title: '简洁明了的操作界面',
-      content:
-        '采用简洁、直观的操作界面设计，方便用户快速上手使用BOSS系统。避免复杂和繁琐的操作流程，提高用户体验。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/exhibition-all/concise.png',
+    title: '简洁明了的操作界面',
+    subTitle:
+      '采用简洁、直观的操作界面设计，方便用户快速上手使用BOSS系统。避免复杂和繁琐的操作流程，提高用户体验。',
   },
   {
     id: '2',
-    url: '/public/image/exhibition-all/personality.png',
-    children: {
-      title: '提供个性化定制服务',
-      content:
-        '根据不同用户的需求和习惯，提供个性化的定制服务。例如：界面主题、布局、配色等可根据用户喜好进行定制，提高用户体验的个性化程度。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/exhibition-all/personality.png',
+    title: '提供个性化定制服务',
+    subTitle:
+      '根据不同用户的需求和习惯，提供个性化的定制服务。例如：界面主题、布局、配色等可根据用户喜好进行定制，提高用户体验的个性化程度。',
   },
   {
     id: '3',
-    url: '/public/image/exhibition-all/feedback.png',
-    children: {
-      title: '实时反馈与互动',
-      content:
-        '在BOSS系统中实现实时反馈与互动功能，提升用户参与感和体验感。例如：在用户操作时给出实时提示和引导信息，便于用户更好地理解和使用系统。同时，提供互动交流平台，方便用户之间的沟通与交流。',
-    },
+    link: 'http://www.baidu.com',
+    thumb: '/public/image/exhibition-all/feedback.png',
+    title: '实时反馈与互动',
+    subTitle:
+      '在BOSS系统中实现实时反馈与互动功能，提升用户参与感和体验感。例如：在用户操作时给出实时提示和引导信息，便于用户更好地理解和使用系统。同时，提供互动交流平台，方便用户之间的沟通与交流。',
   },
 ]
 ---
@@ -195,14 +196,10 @@ const informationList2 = [
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="5G网络覆盖"
     listOrData={informationList}
-    textAlign="text-center"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <Carousel
     titleHeight="3.2"
@@ -214,17 +211,16 @@ const informationList2 = [
     titleTextAlign="text-center"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="界面设计与用户体验"
     listOrData={informationList2}
-    textAlign="text-center"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-blue"
+    componentsBg="bg-img"
   />
   <VerticalNavigationContent
     list={list}
@@ -236,7 +232,7 @@ const informationList2 = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -244,6 +240,7 @@ const informationList2 = [
     isContent={false}
     pMb="3"
     animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/lot/index.astro

@@ -8,7 +8,7 @@ const { lang = 'zh' } = Astro.params
 <Layout title="'菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
-    <div class="row g-5">
+    <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
         <div class="card border-0 text-center my-1">
           <a

src/pages/[lang]/products-solutions/others/crm/index.astro

@@ -9,6 +9,7 @@ import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import ImgPro from '@/components/ImgPro.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['服务产品', '成功案例', '相关资源']
@@ -21,27 +22,27 @@ const imgProData = {
 const informationList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-    children: {
-      title: 'CRM管理',
-      content: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: 'CRM管理',
+    subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-    children: {
-      title: 'CRM管理',
-      content: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    title: 'CRM管理',
+    subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-    children: {
-      title: 'CRM管理',
-      content: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    title: 'CRM管理',
+    subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
   },
 ]
 const leftImgRightTextList = [
@@ -85,13 +86,10 @@ const verticalNavigationContentList = [
     position="positionMiddle"
     btnDisplay={false}
   />
-  <LeftMiddleRightImgText
+  <LeftMiddleRightImgTextPro
     componentTitle="服务产品"
     listOrData={informationList}
-    titleHeight="'3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-grey"
+    componentsBg="bg-img"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
@@ -100,8 +98,10 @@ const verticalNavigationContentList = [
     titleHeight="'3.2"
     px="5"
     pt="4"
-    contentHeight="19"
-    componentsBg="bg-blue"
+    contentHeight="17"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -110,14 +110,18 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="'3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/others/eshop/index.astro

@@ -100,14 +100,18 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/others/house/index.astro

@@ -9,6 +9,7 @@ import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import ImgPro from '@/components/ImgPro.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import Footer from '@/components/Footer.astro'
+import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = ['成功案例', '动态', '相关产品', '相关资源']
@@ -47,61 +48,55 @@ const carouselList = [
   ],
 ]
 const carouselList2 = [
-  [
-    [
-      {
-        id: '1',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
-        children: {
-          title: '房源交易',
-          content: '房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-      },
-      {
-        id: '2',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
-        children: {
-          title: '房源交易',
-          content:
-            '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-      },
-      {
-        id: '3',
-        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
-        children: {
-          title: '房源交易',
-          content:
-            '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-      },
-    ],
-  ],
+  {
+    id: '1',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
+    title: '房源交易',
+    subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+  },
+  {
+    id: '2',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
+    title: '房源交易',
+    subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+  },
+  {
+    id: '3',
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
+    title: '房源交易',
+    subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+  },
 ]
 const informationList = [
   {
     id: '1',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-    children: {
-      title: '房源交易',
-      content: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    title: '房源交易',
+    subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
   },
   {
     id: '2',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-    children: {
-      title: '房源交易',
-      content: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    title: '房源交易',
+    subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
   },
   {
     id: '3',
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-    children: {
-      title: '房源交易',
-      content: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
+    link: 'http://www.baidu.com',
+    thumb:
+      'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    title: '房源交易',
+    subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
   },
 ]
 const list = [
@@ -173,25 +168,20 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
+    componentsBg="bg-grey"
   />
-  <Carousel
+  <LeftMiddleRightImgTextPro
     componentTitle="新闻与活动"
-    list={carouselList2}
-    Children={LeftMiddleRightImgText}
-    titleTextAlign="text-end"
-    textAlign="text-end"
-    line="0"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
+    listOrData={carouselList2}
+    componentsBg="bg-img"
   />
-  <LeftMiddleRightImgText
-    componentTitle="选择适合您的产品"
+  <LeftMiddleRightImgTextPro
+    componentTitle="新闻与活动"
     listOrData={informationList}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -200,14 +190,18 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/products-solutions/others/shigongli/index.astro

@@ -126,8 +126,11 @@ const verticalNavigationContentList = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <Carousel
     componentTitle="成功案例"
@@ -139,8 +142,11 @@ const verticalNavigationContentList = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
-    componentsBg="bg-blue"
+    contentHeight="17"
+    componentsBg="bg-img"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -149,14 +155,18 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
+    componentsBg="bg-even"
   />
   <Footer lang={lang} />
 </Layout>