f

src/components/Button/LinkBtn2.astro

@@ -1,47 +1,40 @@
 ---
-
-const {
-  class: className,
-  link = 'javascript:;',
-} = Astro.props;
-
+const { class: className, link = 'javascript:;' } = Astro.props
 ---
 
 <a
   type="button"
-  class:list={['btn btn-link text-danger link-btn2', className]}
+  class:list={['btn btn-link text-danger link-btn2 ps-0', className]}
   href={link}
 >
   <slot />
   <span class="link-icon">
     <svg viewBox="0 0 48 16">
-       <line y2="8" x2="48" y1="8" x1="0" stroke-width="2" />
-       <line y2="8" x2="48" y1="0" x1="36" stroke-width="2" />
-      </g>
-     </svg>
+      <line y2="8" x2="48" y1="8" x1="0" stroke-width="2"></line>
+      <line y2="8" x2="48" y1="0" x1="36" stroke-width="2"></line>
+    </svg>
   </span>
 </a>
 
-
 <style lang="less">
-.link-btn2 {
-  text-decoration: none;
+  .link-btn2 {
+    text-decoration: none;
 
-  &:hover {
-    .link-icon {
-      transform: translateX(8px);
+    &:hover {
+      .link-icon {
+        transform: translateX(8px);
+      }
     }
-  }
-
-  .link-icon {
-    display: inline-block;
-    transition: all 0.3s;
 
-    svg {
-      width: 24px;
-      height: 16px;
-      stroke: var(--bs-red);
+    .link-icon {
+      display: inline-block;
+      transition: all 0.3s;
+
+      svg {
+        width: 24px;
+        height: 16px;
+        stroke: var(--bs-red);
+      }
     }
   }
-}
 </style>

src/components/LeftMiddleRightImgTextPro/index.astro

@@ -2,11 +2,17 @@
 import Container from '@/components/Container.astro'
 import MediaCard from '@/components/MediaCard/MediaCard1.astro'
 
-const { listOrData, componentsBg, componentTitle, btnBottomDisplay, bhref } =
-  Astro.props
+const {
+  listOrData,
+  componentsBg,
+  componentTitle,
+  btnBottomDisplay,
+  bhref,
+  white,
+} = Astro.props
 ---
 
-<div class=`py-5 ${componentsBg}`>
+<div class=`py-5 ${componentsBg}` id={componentTitle}>
   <Container title={componentTitle}>
     <div class="row g-5">
       {
@@ -18,6 +24,7 @@ const { listOrData, componentsBg, componentTitle, btnBottomDisplay, bhref } =
               title={item?.title}
               subTitle={item?.subTitle}
               more
+              white={white}
             />
           </div>
         ))

src/components/LeftMiddleRightText.astro

@@ -3,16 +3,14 @@ const {
   lang,
   listOrData,
   componentTitle,
-  btnDisplay,
   titleTextAlign = 'text-center',
   textAlign = 'text-center',
   line = '1',
-  titleHeight,
   componentsBg,
   ...right
 } = Astro.props
 
-import Text from '@/components/children/Text.astro'
+import Text2 from '@/components/children/Text2.astro'
 ---
 
 <div class=`${componentsBg}`>
@@ -36,13 +34,7 @@ import Text from '@/components/children/Text.astro'
         listOrData?.map((item, index) => (
           <div class="col-md-4 col-sm-12" id={item.id}>
             <div class="title-img" data-post={item.id}>
-              <Text
-                titleHeight={titleHeight}
-                listOrData={item?.children}
-                btnDisplay={btnDisplay}
-                ellipsis="line-ellipsis-small"
-                {...right}
-              />
+              <Text2 listOrData={item?.children} {...right} />
             </div>
           </div>
         ))

src/components/List.astro

@@ -1,27 +1,5 @@
 ---
-const text = [
-  {
-    title:
-      '广东省地震局与华为签署全面合作协议1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
-    content:
-      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
-  },
-  {
-    title: '广东省地震局与华为签署全面合作协议',
-    content:
-      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
-  },
-  {
-    title: '广东省地震局与华为签署全面合作协议',
-    content:
-      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
-  },
-  {
-    title: '广东省地震局与华为签署全面合作协议',
-    content:
-      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
-  },
-]
+const { text } = Astro.props
 ---
 
 <div class="container">
@@ -43,7 +21,10 @@ const text = [
                 <p class="news-list-title" style="font-size: 28px;">
                   {item.title}
                 </p>
-                <p class="news-list-content" style="font-size: 16px;">
+                <p
+                  class="news-list-content"
+                  style="font-size: 16px;line-height: 1.95;"
+                >
                   {item.content}
                 </p>
               </div>
@@ -58,15 +39,13 @@ const text = [
 <style>
   .news-list-title {
     display: -webkit-box;
-    height: 1.4em;
-    -webkit-line-clamp: 1;
+    -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
   }
   .news-list-content {
     display: -webkit-box;
-    height: 4.6em;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;

src/components/MediaCard/MediaCard1.astro

@@ -1,7 +1,7 @@
 ---
-import Wrapper from "./index.astro"
-import ArticleTitle from '@/components/Title/ArticleTitle.astro';
-import SubTitle from '@/components/Title/SubTitle.astro';
+import Wrapper from './index.astro'
+import ArticleTitle from '@/components/Title/ArticleTitle.astro'
+import SubTitle from '@/components/Title/SubTitle.astro'
 import LinkBtn from '@/components/Button/LinkBtn.astro'
 
 const {
@@ -10,33 +10,42 @@ const {
   imgRatio = '4 / 3',
   title,
   subTitle,
-  link = "javascript:;",
+  link = 'javascript:;',
   more = false,
-} = Astro.props;
+  white,
+} = Astro.props
 ---
 
 <Wrapper class={className} thumb={thumb} imgRatio={imgRatio}>
-  <div class="card-body p-0 px-5">    
+  <div class="card-body p-0 px-5" style=`background-color:${white} !important;`>
     <div class="py-5">
-      {!!title && <a class="title-link text-dark" href={link}><ArticleTitle title={title} /></a>}
+      {
+        !!title && (
+          <a class="title-link text-dark" href={link}>
+            <ArticleTitle title={title} />
+          </a>
+        )
+      }
       {!!subTitle && <SubTitle text={subTitle} lines="3" />}
     </div>
-    { !!more &&
-    <div class="pb-5">
-      <LinkBtn link={link}>了解更多</LinkBtn>
-    </div>
+    {
+      !!more && (
+        <div class="pb-5">
+          <LinkBtn link={link}>了解更多</LinkBtn>
+        </div>
+      )
     }
   </div>
 </Wrapper>
 
 <style lang="less">
-.card-body {
-  &:hover {
-    background-color: #ddd;
-  }
-  
-  .title-link {
-    text-decoration: none;
+  .card-body {
+    &:hover {
+      background-color: #ddd;
+    }
+
+    .title-link {
+      text-decoration: none;
+    }
   }
-}
 </style>

src/components/children/Carousel.astro

@@ -22,27 +22,27 @@ const {
     <div class={`${textAlign}`}><div class="text-underline"></div></div>
   </div>
   <button
-    class="carousel-control-prev"
-    style="width: 4vw;height:4vw;top:55%;"
+    class="carousel-control-prev btn-prev"
+    style="width: 4vw;height:4vw;top:55%;opacity:1;"
     type="button"
     data-bs-target={`#${domId}`}
     data-bs-slide="prev"
   >
     <span
-      class="carousel-control-prev-icon rounded-end-4"
-      style="background-color: #c7000b;width:4rem;height:4rem;"></span>
+      class="carousel-control-prev-icon rounded-end-4 icon-prev"
+      style="background-color: white;width:4rem;height:4rem;"></span>
     <span class="visually-hidden">Previous</span>
   </button>
   <button
-    class="carousel-control-next"
-    style="width: 4vw;height:4vw;top:55%;"
+    class="carousel-control-next btn-next"
+    style="width: 4vw;height:4vw;top:55%;opacity:1;"
     type="button"
     data-bs-target={`#${domId}`}
     data-bs-slide="next"
   >
     <span
-      class="carousel-control-next-icon rounded-start-4"
-      style="background-color: #c7000b;width:4rem;height:4rem;"></span>
+      class="carousel-control-next-icon rounded-start-4 icon-next"
+      style="background-color: white;width:4rem;height:4rem;"></span>
     <span class="visually-hidden">Next</span>
   </button>
   <div id={domId} class="carousel slide" data-bs-ride="carousel">
@@ -79,9 +79,23 @@ const {
     width: 100px;
     border-bottom: 2px solid #c7000b;
   }
+  .icon-prev {
+    background-image: url('/public/leftarrow.png');
+    background-size: 1vw;
+  }
+  .icon-next {
+    background-image: url('/public/rightarrow.png');
+    background-size: 1vw;
+  }
+  .icon-prev:hover {
+    background-color: #c7000b !important;
+  }
+  .icon-next:hover {
+    background-color: #c7000b !important;
+  }
 </style>
 
-<script>
+<!-- <script>
   const path = window.location.pathname
   var lang = path.substring(1, 3)
 
@@ -91,4 +105,4 @@ const {
       window.location.href = `${window.location.origin}/${lang}/detail?id=${item.dataset.post}`
     })
   })
-</script>
+</script> -->

src/components/children/Text.astro

@@ -14,6 +14,7 @@ const {
   href = '#',
   titleHeight = '2.8',
   contentHeight = '7',
+  lineHeight,
   contentLineHeight = '1.95',
   pt = '1',
   px = '0',
@@ -34,7 +35,7 @@ import LinkBtn2 from '@/components/Button/LinkBtn2.astro'
 <!-- 文本 -->
 <div
   class=`${position} px-${px} rounded-${rounded} ${animation} pb-${textP} textHover`
-  style=`top:${top}%!important;background-color:${backgroundColor};`
+  style=`top:${top}%!important;background-color:${backgroundColor};line-height:${lineHeight}`
 >
   <p
     class=`${textWeight} ${titleColor} mb-0 pt-5 ${pLine} mb-${pMb}`

src/components/children/Text2.astro

@@ -0,0 +1,49 @@
+---
+const {
+  listOrData,
+  titleSize = '28',
+  pt = '4',
+  childrenSize = '16',
+  contentLineHeight = '1.95',
+  contentColor = '#666',
+} = Astro.props
+---
+
+{
+  listOrData?.map((item, index) => (
+    <div id={`${item.id}`}>
+      <div class="text-center pt-5">
+        <img src={item?.url} style="width: 5vw;" />
+      </div>
+      <p
+        class={`mb-0 pt-4 title-line-ellipsis text-center`}
+        style={`font-size:${titleSize}px;`}
+      >
+        {item?.title}
+      </p>
+      <p
+        class={`pt-${pt} content-ellipsis text-center`}
+        style={`font-size:${childrenSize}px;color:${contentColor};line-height:${contentLineHeight};`}
+      >
+        {item?.content}
+      </p>
+    </div>
+  ))
+}
+
+<style>
+  .line-ellipsis-small {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .content-ellipsis {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+</style>

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

@@ -17,6 +17,30 @@ const imgProData = {
   title: '最新资讯',
   content: '最新资讯最新资讯',
 }
+
+const text = [
+  {
+    title:
+      '广东省地震局与华为签署全面合作协议1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
+    content:
+      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
+  },
+  {
+    title: '广东省地震局与华为签署全面合作协议',
+    content:
+      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+  },
+  {
+    title: '广东省地震局与华为签署全面合作协议',
+    content:
+      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+  },
+  {
+    title: '广东省地震局与华为签署全面合作协议',
+    content:
+      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+  },
+]
 ---
 
 <Layout title="最新资讯">
@@ -34,6 +58,6 @@ const imgProData = {
     titleHeight="2.5"
     contentLineHeight="1.5"
   />
-  <List />
+  <List text={text} />
   <Footer lang={lang} />
 </Layout>

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

@@ -8,30 +8,74 @@ const { lang = 'zh' } = Astro.params
 <Layout title="菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
-    <div class="row g-5 pb-5">
+    <div class="row g-5 pb-5 justify-content-center">
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/gov-ent-health/gov`}>政务服务</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/gov-ent-health/gov`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/gov-ent-health/gov.png"
+                style="width: 5vw;"
+              />
+            </div>
+            政务服务
+            <div class="menu-content pt-3">
+              各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/gov-ent-health/bank`}>银行业务</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/gov-ent-health/bank`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/gov-ent-health/bank.png"
+                style="width: 5vw;"
+              />
+            </div>
+            银行业务
+            <div class="menu-content pt-3">
+              各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/gov-ent-health/healthcare`}
-            >医院医疗</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/gov-ent-health/healthcare.png`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/gov-ent-health/healthcare.png"
+                style="width: 5vw;"
+              />
+            </div>
+            医院医疗
+            <div class="menu-content pt-3">
+              各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。
+            </div>
+          </a>
         </div>
       </div>
     </div>
@@ -44,4 +88,14 @@ const { lang = 'zh' } = Astro.params
     text-decoration: none;
     cursor: pointer;
   }
+  .menu-content {
+    font-size: 16px;
+    line-height: 1.95;
+    color: #666;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>

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

@@ -10,35 +10,86 @@ const { lang = 'zh' } = Astro.params
   <div class="container" style="margin-top: 120px;">
     <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/others/eshop`}>电商系统</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/eshop`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img src="/public/menu/others/eshop.png" style="width: 5vw;" />
+            </div>
+            电商系统
+            <div class="menu-content pt-3">
+              商务活动中各参与方和支持企业进行交易活动的电子技术手段的集合
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/others/shigongli`}>旅游住宿</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/shigongli`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/others/shigongli.png"
+                style="width: 5vw;"
+              />
+            </div>
+            旅游住宿
+            <div class="menu-content pt-3">
+              游客在旅游过程中所涉及的住宿环节，它是旅游活动的重要组成部分，为游客提供休息、放松和恢复精力的场所。
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/others/house`}>房源交易</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/house`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img src="/public/menu/others/house.png" style="width: 5vw;" />
+            </div>
+            房源交易
+            <div class="menu-content pt-3">
+              在房地产市场中，房屋权利人通过委托房地产经纪机构或其他渠道，将其房屋进行买卖、租赁或其他形式的交易行为。
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/others/crm`}>CRM管理</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/crm`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img src="/public/menu/others/crm.png" style="width: 5vw;" />
+            </div>
+            CRM管理
+            <div class="menu-content pt-3">
+              利用软件、硬件和网络技术，为企业建立客户信息收集、管理、分析和利用的信息系统。该系统以客户数据的管理为核心，记录企业在市场营销和销售过程中与客户发生的各种交互行为
+            </div>
+          </a>
         </div>
       </div>
     </div>
@@ -51,4 +102,14 @@ const { lang = 'zh' } = Astro.params
     text-decoration: none;
     cursor: pointer;
   }
+  .menu-content {
+    font-size: 16px;
+    line-height: 1.95;
+    color: #666;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>

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

@@ -12,7 +12,7 @@ import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+const sNav = ['场景化解决方案', '相关产品', '成功案例', '相关资源']
 
 const imgProData = {
   url: '//e.huawei.com/-/mediae/EBG/Images/SolutionV2/enterprise-network/sd-wan/cloudwan/cloud-wan-banner-pc.jpg',
@@ -163,33 +163,12 @@ const list = [
   <LeftMiddleRightImgTextPro
     componentTitle="场景化解决方案"
     listOrData={informationList}
+    white="white"
   />
   <LeftMiddleRightImgTextPro
     componentTitle="相关产品"
     listOrData={carouselList}
   />
-  <!-- <LeftMiddleRightImgText
-    componentTitle="场景化解决方案"
-    listOrData={informationList}
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-img"
-    subPmb="5"
-  /> -->
-  <!-- <Carousel
-    componentTitle="相关产品"
-    list={carouselList}
-    Children={LeftMiddleRightImgText}
-    titleTextAlign="text-start"
-    textAlign="text-start"
-    line="0"
-    titleHeight="3.2"
-    pt="4"
-    px="5"
-    componentsBg="bg-grey"
-    subPmb="5"
-  /> -->
   <Carousel
     componentTitle="成功案例"
     list={carouselList2}
@@ -213,16 +192,19 @@ const list = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -12,7 +12,13 @@ import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+const sNav = [
+  '场景化解决方案',
+  '场景化解决方案',
+  '我们如何帮助客户成功',
+  '新闻资讯',
+  '相关资源',
+]
 
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/industries/finance/banner-pc-0401.jpg',
@@ -168,6 +174,7 @@ const verticalNavigationContentList = [
     componentTitle="场景化解决方案"
     listOrData={informationList}
     componentsBg="bg-img"
+    white="white"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -197,16 +204,19 @@ const verticalNavigationContentList = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -11,7 +11,7 @@ import VerticalNavigationContent from '@/components/VerticalNavigationContent.as
 import Footer from '@/components/Footer.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+const sNav = ['场景化解决方案', '相关资源']
 
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/solutions/enterprise-wireless/industry-wireless/industry-wireless-banner-pc1.jpg',
@@ -119,16 +119,19 @@ const list = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -79,27 +79,36 @@ const carouselList = [
 const carouselList2 = [
   {
     id: '1',
-    children: {
-      title: '政务服务',
-      content:
-        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
+    children: [
+      {
+        title: '政务服务',
+        content:
+          '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+        url: '/public/building/message.png',
+      },
+    ],
   },
   {
     id: '2',
-    children: {
-      title: '政务服务',
-      content:
-        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
+    children: [
+      {
+        title: '政务服务',
+        content:
+          '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+        url: '/public/building/message.png',
+      },
+    ],
   },
   {
     id: '3',
-    children: {
-      title: '政务服务',
-      content:
-        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
+    children: [
+      {
+        title: '政务服务',
+        content:
+          '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+        url: '/public/building/message.png',
+      },
+    ],
   },
 ]
 const list = [
@@ -169,6 +178,7 @@ const list = [
     componentTitle="场景化解决方案"
     listOrData={informationList}
     componentsBg="bg-img"
+    white="white"
   />
   <Carousel
     componentTitle="成功案例"
@@ -201,16 +211,19 @@ const list = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -12,7 +12,7 @@ import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+const sNav = ['场景化解决方案', '成功案例', '相关产品', '相关资源']
 
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/industries/healthcare/healthcare/healthcare-banner-pc.jpg',
@@ -195,16 +195,19 @@ const list = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -10,36 +10,95 @@ const { lang = 'zh' } = Astro.params
   <div class="container" style="margin-top: 120px;">
     <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/lot`}>智慧物联</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/products-solutions/lot.png"
+                style="width: 5vw;"
+              />
+            </div>
+            智慧物联
+            <div class="menu-content pt-3">
+              将物联网与人工智能等先进技术结合实现更智能、高效、自动化的系统和应用
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
+            class="inline-block p-5 link-dark menu-a"
             href={`/${lang}/products-solutions/industrial-internet`}
-            >工业互联网</a
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/products-solutions/internet.png"
+                style="width: 5vw;"
+              />
+            </div>
+            工业互联网
+            <div class="menu-content pt-3">
+              新一代信息通信技术与工业经济深度融合的新型基础设施、应用模式和工业生态
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/product/gov-ent-health`}>政企医疗</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/product/gov-ent-health`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/products-solutions/health.png"
+                style="width: 5vw;"
+              />
+            </div>
+            政企医疗
+            <div class="menu-content pt-3">
+              政府与企业在医疗领域的合作或互动
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/product/others`}>其他业务</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/product/others`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/products-solutions/other.png"
+                style="width: 5vw;"
+              />
+            </div>
+            其他业务
+            <div class="menu-content pt-3">
+              一个公司或组织的主营业务之外的所有其他活动或收入来源
+            </div>
+          </a>
         </div>
       </div>
     </div>
@@ -52,4 +111,14 @@ const { lang = 'zh' } = Astro.params
     text-decoration: none;
     cursor: pointer;
   }
+  .menu-content {
+    font-size: 16px;
+    line-height: 1.95;
+    color: #666;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>

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

@@ -10,6 +10,7 @@ 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'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 
 const { lang = 'zh' } = Astro.params
 const sNav = [
@@ -123,20 +124,77 @@ const informationList2 = [
     subTitle: 'ERPERPERPERPERPERPERP',
   },
 ]
-const carouselList2 = [
+const list = [
   {
     id: '1',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERPERP',
-    },
+    tabName: '智慧家居',
+    children: [
+      {
+        title: '硬件',
+        content: '为优化客户体验，应以客户需求度较高的设备为主',
+      },
+      {
+        title: '控制系统',
+        content:
+          '开发语音中控，集成对于全屋智慧家居设备的语音控制，同时提供辅助客户端应用进行远程或备选控制同时提供辅助客户端应用进行远程或备选控制',
+      },
+      {
+        title: '合作模式',
+        content:
+          '成立银城智慧家居实验样板间，请各硬件供应商和系统集成商进行测试赛马',
+      },
+    ],
   },
   {
     id: '2',
-    children: {
-      title: 'ERP',
-      content: 'ERPERPERPERPERPERPERPERP',
-    },
+    tabName: '智慧充电',
+    children: [
+      {
+        title: '智能寻桩',
+        content: '快速查询到身边的合适的充电设施',
+      },
+      {
+        title: '有效预约',
+        content: '高效的分配调度机制，确保预约能够成功保留',
+      },
+      {
+        title: '实时监控',
+        content: '充电电流、使用费用实时查询',
+      },
+      {
+        title: '高效分配',
+        content: '后台自动分配空闲可用充电桩',
+      },
+      {
+        title: '便捷支付',
+        content: '微信、支付宝支付轻松便捷',
+      },
+      {
+        title: '自动清算',
+        content: '自动判断、收费无需人工操作',
+      },
+    ],
+  },
+  {
+    id: '3',
+    tabName: '控制系统',
+    children: [
+      {
+        title: '手动遥控',
+        content:
+          '目前中国较为成熟的智慧公寓产品均以开关、面板或APP为主要控制方式',
+      },
+      {
+        title: '语音控制',
+        content:
+          '银城可切入更加便捷的语音家居领域，打造差异化品牌形象，实现弯道超车声控技术本身已较为稳定及成熟',
+      },
+      {
+        title: '自动控制',
+        content:
+          '通过人工智能实现对于用户需求的自动感知，并以此来控制智能家居是最为便捷的方式，也是银城的未来的发展方向',
+      },
+    ],
   },
 ]
 ---
@@ -174,6 +232,7 @@ const carouselList2 = [
     componentTitle="场景化解决方案"
     listOrData={informationList}
     componentsBg="bg-img"
+    white="white"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -194,14 +253,24 @@ const carouselList2 = [
     listOrData={informationList2}
     componentsBg="bg-img"
   />
-  <LeftMiddleRightText
-    componentTitle="相关资源"
-    listOrData={carouselList2}
-    btnDisplay={false}
+  <VerticalNavigationContent
+    list={list}
     ellipsis="line-ellipsis-small"
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
     pt="4"
+    px="5"
+    backgroundColor="#eee"
+    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} />

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

@@ -8,22 +8,51 @@ const { lang = 'zh' } = Astro.params
 <Layout title="菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
-    <div class="row g-5 pb-5">
+    <div class="row g-5 pb-5 justify-content-center">
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
+            class="inline-block p-5 link-dark menu-a"
             href={`/${lang}/products-solutions/industrial-internet/mes`}
-            >云致MES</a
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/industrial-internet/mes.png"
+                style="width: 5vw;"
+              />
+            </div>
+            云致MES
+            <div class="menu-content pt-3">
+              在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/industrial-internet/erp`}>ERP</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/industrial-internet/erp`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/industrial-internet/erp.png"
+                style="width: 5vw;"
+              />
+            </div>
+            ERP
+            <div class="menu-content pt-3">
+              在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态
+            </div>
+          </a>
         </div>
       </div>
     </div>
@@ -36,4 +65,14 @@ const { lang = 'zh' } = Astro.params
     text-decoration: none;
     cursor: pointer;
   }
+  .menu-content {
+    font-size: 16px;
+    line-height: 1.95;
+    color: #666;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>

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

@@ -11,7 +11,7 @@ import Text from '@/components/children/Text.astro'
 import Footer from '@/components/Footer.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['选择适合您的交换机产品', '成功案例', '相关资源']
+const sNav = ['数智云简介', '数智云架构', '相关资源']
 const imgProData = {
   url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/switches/topic/switches-banner-pc-1130.jpg',
   title: '云致MES',
@@ -211,16 +211,19 @@ const leftImgRightTextData3 = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -146,6 +146,7 @@ const list = [
     componentTitle="项目内容"
     listOrData={informationList}
     componentsBg="bg-img"
+    white="white"
   />
   <LeftImgRightText
     listOrData={data}
@@ -174,16 +175,19 @@ const list = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    lineHeight="1.8"
+    btnDisplay={false}
+    btn2={true}
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -14,7 +14,14 @@ import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+const sNav = [
+  '智慧通行',
+  '智能识别便捷通行',
+  '访客授权快捷登记',
+  '通行记录线上管理',
+  '智慧识别便捷通行',
+  '相关资源',
+]
 
 const imgProData1 = {
   url: '//e.huawei.com/-/mediae/images/solutions/campus/campus/banner-pc.jpg',
@@ -60,54 +67,72 @@ const informationList2 = [
 const carouselList4 = [
   {
     id: '1',
-    children: {
-      title: '信息录入',
-      content:
-        '楼宇内成员邀请：成员通过访客登记系统录入访客信息，访客即可收到推送提醒，可查看通行凭证并通行授权门禁；访客自助申请：访客扫码进入小程序，录入信息登记，由受访人审核确认后，即可查看通行凭证并通行授权门禁。',
-    },
+    children: [
+      {
+        title: '信息录入',
+        content:
+          '楼宇内成员邀请：成员通过访客登记系统录入访客信息，访客即可收到推送提醒，可查看通行凭证并通行授权门禁；访客自助申请：访客扫码进入小程序，录入信息登记，由受访人审核确认后，即可查看通行凭证并通行授权门禁。',
+        url: '/public/building/message.png',
+      },
+    ],
   },
   {
     id: '2',
-    children: {
-      title: '身份验证',
-      content:
-        '线下信息验证：访客向楼宇前台出示通行凭证，前台审核后即可通行；自主通行：访客使用线上通行凭证，通过扫码、人脸识别等方式进行自主通行。',
-    },
+    children: [
+      {
+        title: '身份验证',
+        content:
+          '线下信息验证：访客向楼宇前台出示通行凭证，前台审核后即可通行；自主通行：访客使用线上通行凭证，通过扫码、人脸识别等方式进行自主通行。',
+        url: '/public/building/identity.png',
+      },
+    ],
   },
   {
     id: '3',
-    children: {
-      title: '实时通知',
-      content:
-        '访客进入楼宇，系统自动通知受访者或管理人员。平台记录并跟踪访客停留时间。若逾期，系统通知相关人员进行处理。',
-    },
+    children: [
+      {
+        title: '实时通知',
+        content:
+          '访客进入楼宇，系统自动通知受访者或管理人员。平台记录并跟踪访客停留时间。若逾期，系统通知相关人员进行处理。',
+        url: '/public/building/notice.png',
+      },
+    ],
   },
 ]
 
 const carouselList5 = [
   {
     id: '1',
-    children: {
-      title: '出入记录',
-      content:
-        '系统自动记录人员的出入时间、地点和目的，并生成详细的通行记录，可供后续查询和分析。',
-    },
+    children: [
+      {
+        title: '出入记录',
+        content:
+          '系统自动记录人员的出入时间、地点和目的，并生成详细的通行记录，可供后续查询和分析。',
+        url: '/public/building/pass.png',
+      },
+    ],
   },
   {
     id: '2',
-    children: {
-      title: '实时监控',
-      content:
-        '管理员可以通过系统实时监控人员的出入情况，查看实时数据和警报信息。',
-    },
+    children: [
+      {
+        title: '实时监控',
+        content:
+          '管理员可以通过系统实时监控人员的出入情况，查看实时数据和警报信息。',
+        url: '/public/building/monitor.png',
+      },
+    ],
   },
   {
     id: '3',
-    children: {
-      title: '报表统计',
-      content:
-        '支持生成通行报表和统计图表，帮助管理者全面了解人员通行情况和趋势。',
-    },
+    children: [
+      {
+        title: '报表统计',
+        content:
+          '支持生成通行报表和统计图表，帮助管理者全面了解人员通行情况和趋势。',
+        url: '/public/building/statistics.png',
+      },
+    ],
   },
 ]
 
@@ -206,11 +231,9 @@ const list = [
   <LeftMiddleRightText
     componentTitle="智慧通行"
     listOrData={carouselList4}
-    btnDisplay={false}
     titleTextAlign="text-end"
     textAlign="text-end"
     titleHeight="3.2"
-    ellipsis="line-ellipsis-small"
     pt="4"
     componentsBg="bg-grey"
   />
@@ -218,6 +241,7 @@ const list = [
     componentTitle="智能识别便捷通行"
     listOrData={informationList2}
     componentsBg="bg-img"
+    white="white"
   />
   <LeftMiddleRightText
     componentTitle="访客授权快捷登记"
@@ -280,11 +304,11 @@ const list = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
@@ -292,6 +316,7 @@ const list = [
     btnDisplay={false}
     btn2={true}
     componentsBg="bg-even"
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -12,7 +12,7 @@ import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['场景化解决方案', '相关产品']
+const sNav = ['社区目的', '客户需求程度', '相关产品']
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/solutions/data-center/data-center-banner-pc.jpg',
   title: '智慧社区',
@@ -47,25 +47,34 @@ const informationList = [
 const carouselList2 = [
   {
     id: '1',
-    children: {
-      title: '安防需求',
-      content: '女性、有宠物或有未成年儿童的业主对智能门锁及安全摄像头需较高',
-    },
+    children: [
+      {
+        title: '安防需求',
+        content: '女性、有宠物或有未成年儿童的业主对智能门锁及安全摄像头需较高',
+        url: '/public/building/message.png',
+      },
+    ],
   },
   {
     id: '2',
-    children: {
-      title: '节能经济需求',
-      content:
-        '消费者希望智能家居在能节约能源，这样就算智能家居本身价格较高也可以接受',
-    },
+    children: [
+      {
+        title: '节能经济需求',
+        content:
+          '消费者希望智能家居在能节约能源，这样就算智能家居本身价格较高也可以接受',
+        url: '/public/building/message.png',
+      },
+    ],
   },
   {
     id: '3',
-    children: {
-      title: '生活便利需求',
-      content: '消费者希望智能家居能提升便利性',
-    },
+    children: [
+      {
+        title: '生活便利需求',
+        content: '消费者希望智能家居能提升便利性',
+        url: '/public/building/message.png',
+      },
+    ],
   },
 ]
 const list = [
@@ -161,6 +170,7 @@ const list = [
     componentTitle="社区目的"
     listOrData={informationList}
     componentsBg="bg-img"
+    white="white"
   />
   <LeftMiddleRightText
     componentTitle="客户需求程度"

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

@@ -12,7 +12,7 @@ import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['场景化解决方案', '新闻与活动', '相关资源']
+const sNav = ['5G网络覆盖', '成功案例', '界面设计与用户体验', '相关资源']
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/solutions/digital-site/digital-site-banner-pc.png',
   title: '智慧展馆',
@@ -200,6 +200,7 @@ const informationList2 = [
     componentTitle="5G网络覆盖"
     listOrData={informationList}
     componentsBg="bg-img"
+    white="white"
   />
   <Carousel
     titleHeight="3.2"
@@ -231,16 +232,19 @@ const informationList2 = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -5,40 +5,91 @@ import Footer from '@/components/Footer.astro'
 const { lang = 'zh' } = Astro.params
 ---
 
-<Layout title="'菜单">
+<Layout title="菜单">
   <NavMenu lang={lang} client:load />
   <div class="container" style="margin-top: 120px;">
     <div class="row g-5 pb-5">
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/lot/building`}>智慧楼宇</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/building`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img src="/public/menu/lot/building.png" style="width: 5vw;" />
+            </div>
+            智慧楼宇
+            <div class="menu-content pt-3">
+              在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/lot/agriculture`}>智慧农业</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/agriculture`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img src="/public/menu/lot/agriculture.png" style="width: 5vw;" />
+            </div>
+            智慧农业
+            <div class="menu-content pt-3">
+              现代科学技术与农业种植相结合，实现无人化、自动化、智能化管理的农业生产方式。
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/lot/community`}>智慧社区</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/community`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img src="/public/menu/lot/community.png" style="width: 5vw;" />
+            </div>
+            智慧社区
+            <div class="menu-content pt-3">
+              在传统住宅社区的基础上，利用互联网、物联网、云计算、大数据等现代信息技术，实现社区管理智能化和服务智能化的新型居住社区。
+            </div>
+          </a>
         </div>
       </div>
       <div class="col-md-3 col-sm-12">
-        <div class="card border-0 text-center my-1">
+        <div
+          class="card border-0 text-center my-1"
+          style="background-color:#f8f8f8;"
+        >
           <a
-            class="inline-block p-5 fs-5 link-dark menu-a"
-            href={`/${lang}/products-solutions/lot/exhibition-all`}>智慧展馆</a
+            class="inline-block p-5 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/exhibition-all`}
+            style="font-size: 28px;"
           >
+            <div class="pb-4">
+              <img
+                src="/public/menu/lot/exhibition-all.png"
+                style="width: 5vw;"
+              />
+            </div>
+            智慧展馆
+            <div class="menu-content pt-3">
+              运用先进的信息技术和智能化设备，将展馆打造成一个智能化、数字化、互动化的展览空间，为参观者提供更加丰富、便捷、高效的观展体验。
+            </div>
+          </a>
         </div>
       </div>
     </div>
@@ -51,4 +102,14 @@ const { lang = 'zh' } = Astro.params
     text-decoration: none;
     cursor: pointer;
   }
+  .menu-content {
+    font-size: 16px;
+    line-height: 1.95;
+    color: #666;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>

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

@@ -112,16 +112,19 @@ const verticalNavigationContentList = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -10,7 +10,7 @@ import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
 import Footer from '@/components/Footer.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['产品', '相关资源']
+const sNav = ['电商产品', '相关资源']
 
 const imgProData = {
   url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/security/topic/security-products-pc.jpg',
@@ -20,27 +20,36 @@ const imgProData = {
 const carouselList = [
   {
     id: '1',
-    children: {
-      title: '电商系统',
-      content:
-        '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-    },
+    children: [
+      {
+        title: '电商系统',
+        content:
+          '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+        url: '/public/building/message.png',
+      },
+    ],
   },
   {
     id: '2',
-    children: {
-      title: '电商系统',
-      content:
-        '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-    },
+    children: [
+      {
+        title: '电商系统',
+        content:
+          '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+        url: '/public/building/message.png',
+      },
+    ],
   },
   {
     id: '3',
-    children: {
-      title: '电商系统',
-      content:
-        '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-    },
+    children: [
+      {
+        title: '电商系统',
+        content:
+          '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+        url: '/public/building/message.png',
+      },
+    ],
   },
 ]
 const verticalNavigationContentList = [
@@ -102,16 +111,19 @@ const verticalNavigationContentList = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -12,7 +12,7 @@ import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['成功案例', '动态', '相关产品', '相关资源']
+const sNav = ['成功案例', '新闻与活动', '行业话题', '相关资源']
 
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/industries/commercial-market/commercial-market/commercial-market-branding-banner-pc2.jpg',
@@ -178,9 +178,10 @@ const list = [
     componentTitle="新闻与活动"
     listOrData={carouselList2}
     componentsBg="bg-img"
+    white="white"
   />
   <LeftMiddleRightImgTextPro
-    componentTitle="新闻与活动"
+    componentTitle="行业话题"
     listOrData={informationList}
   />
   <VerticalNavigationContent
@@ -192,16 +193,19 @@ const list = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -10,7 +10,7 @@ import VerticalNavigationContent from '@/components/VerticalNavigationContent.as
 import Footer from '@/components/Footer.astro'
 
 const { lang = 'zh' } = Astro.params
-const sNav = ['概述', '成功案例', '相关资源']
+const sNav = ['旅游住宿', '成功案例', '相关资源']
 
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/industries/real-estate/real-estate/banner-pc.png',
@@ -157,16 +157,19 @@ const verticalNavigationContentList = [
     textAlign="text-left"
     pt="4"
     px="5"
-    backgroundColor="#eee"
+    backgroundColor="#f8f8f8"
     textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="5.4"
+    titleHeight="6"
     pLine="titleLineEllipsis2"
     isContent={false}
     pMb="3"
     animation="animation"
     componentsBg="bg-even"
+    btnDisplay={false}
+    btn2={true}
+    lineHeight="1.8"
   />
   <Footer lang={lang} />
 </Layout>