f

src/components/Footer.astro

@@ -112,31 +112,22 @@ const colNum = Math.ceil(12 / (menus?.length + 1))
 
 <div class="bg-l">
   <div class="container">
-    <footer class="row py-5 mt-5 justify-content-end">
-      <!-- <div class={`col-md-4 col-sm-12 mb-3`}>
-        <a
-          href="/"
-          class="d-flex align-items-center mb-3 link-body-emphasis text-decoration-none"
-        >
-          <img class="bi me-2" width="120" src="/public/logo.png" />
-        </a>
-        <p class="text-body-secondary">© 2024</p>
-      </div>
-
-      <div class={`col-md-1 col-sm-12 mb-3`}></div> -->
-
+    <footer class="row py-5 mt-5">
       <div class={` col-sm-12 mb-3 row justify-content-between`}>
         {
           menus?.map((item) => {
             return (
               <div class={`col-md-${colNum} col-sm-12 mb-3`}>
-                <h5>{item?.name}</h5>
+                <h5 class="fw-bold pb-3" style="font-size: 20px;color:#666;">
+                  {item?.name}
+                </h5>
                 <ul class="nav flex-column">
                   {item?.children?.map((child) => (
                     <li class="nav-item mb-2">
                       <a
                         href={`/${lang}/${child.path}`}
                         class="nav-link p-0 text-body-secondary"
+                        style="font-size:14px;color:#666;"
                       >
                         {child?.name}
                       </a>

src/components/Form.astro

@@ -1,6 +1,6 @@
 ---
 const { json, lang } = Astro.props
-const title = lang == 'zh' ? '意见反馈' : 'Feedback'
+const title = lang == 'zh' ? '产品购买与咨询' : 'ProductPurchaseAndConsultation'
 const placeholder = lang == 'zh' ? '请输入' : 'Enter'
 const userName = lang == 'zh' ? '姓名' : 'UserName'
 const phone = lang == 'zh' ? '联系方式' : 'Phone'
@@ -10,14 +10,14 @@ const submit = lang == 'zh' ? '提交' : 'Submit'
 ---
 
 <div class="container" style="background-color: #fff;">
-  <p class="fs-2 pt-5 ps-5">{title}</p>
+  <p class="pt-5 ps-5" style="font-size:24px;font-weight:bold;">{title}</p>
   <form method="post" onsubmit="return false">
-    <div class="row justify-content-center my-5">
+    <div class="row justify-content-center my-5 gx-5">
       <div class="col-md-5 col-sm-1">
         <label
           for="validationDefault01"
           class="form-label mb-4"
-          style="font-size:28px">{userName}</label
+          style="font-size:24px">{userName}</label
         >
         <input
           type="text"
@@ -32,7 +32,7 @@ const submit = lang == 'zh' ? '提交' : 'Submit'
         <label
           class="form-label mb-4"
           for="validationDefault02"
-          style="font-size:28px">{phone}</label
+          style="font-size:24px">{phone}</label
         >
         <input
           type="text"
@@ -44,12 +44,12 @@ const submit = lang == 'zh' ? '提交' : 'Submit'
         />
       </div>
     </div>
-    <div class="row justify-content-center my-5">
+    <div class="row justify-content-center my-5 gx-5">
       <div class="col-md-10">
         <label
           class="form-label mb-4"
           for="validationDefault03"
-          style="font-size:28px">{company}</label
+          style="font-size:24px">{company}</label
         >
         <input
           id="validationDefault03"
@@ -61,9 +61,9 @@ const submit = lang == 'zh' ? '提交' : 'Submit'
         />
       </div>
     </div>
-    <div class="row justify-content-center my-5">
+    <div class="row justify-content-center my-5 gx-5">
       <div class="col-md-10">
-        <label class="form-label mb-4" style="font-size:28px">{content}</label>
+        <label class="form-label mb-4" style="font-size:24px">{content}</label>
         <textarea class="form-control" name="content" style="height:20vw"
         ></textarea>
       </div>

src/components/ImgPro.astro

@@ -15,6 +15,10 @@ const {
   titleColor,
   contentColor,
   href,
+  titleHeight,
+  pt,
+  contentLineHeight,
+  ...right
 } = Astro.props
 ---
 
@@ -22,6 +26,9 @@ const {
 <div class="box mb-5">
   <Img listOrData={listOrData} ratio={ratio} />
   <Text
+    contentLineHeight={contentLineHeight}
+    pt={pt}
+    titleHeight={titleHeight}
     listOrData={listOrData}
     btnDisplay={btnDisplay}
     titleSize={titleSize}
@@ -32,6 +39,7 @@ const {
     titleColor={titleColor}
     contentColor={contentColor}
     href={href}
+    {...right}
   />
 </div>
 <style>

src/components/LeftImgRightText.astro

@@ -7,6 +7,7 @@ const {
   textAlign,
   btnDisplay,
   line = '1',
+  ...right
 } = Astro.props
 import Img from '@/components/children/Img.astro'
 import Text from '@/components/children/Text.astro'
@@ -14,7 +15,9 @@ import Text from '@/components/children/Text.astro'
 
 <!-- 左图右文 -->
 <div class="container pb-5">
-  <div class="fs-1 text-center mt-5" id={componentTitle}>{componentTitle}</div>
+  <div class="text-center mt-5" id={componentTitle} style="font-size:48px">
+    {componentTitle}
+  </div>
   {
     line == '1' && (
       <div class={`${textAlign}`}>
@@ -37,11 +40,12 @@ import Text from '@/components/children/Text.astro'
                   <Img listOrData={item} ratio="3 / 2" />
                 </div>
                 <div class="col-md-6 col-sm-6">
-                  <div class="card-body pt-0 px-5">
+                  <div class="card-body">
                     <Text
                       listOrData={item?.children}
                       btnDisplay={btnDisplay}
                       ellipsis="line-ellipsis-large"
+                      {...right}
                     />
                   </div>
                 </div>
@@ -57,7 +61,7 @@ import Text from '@/components/children/Text.astro'
   .text-underline {
     display: inline-block;
     width: 100px;
-    border-bottom: 2px solid red;
+    border-bottom: 2px solid #c7000b;
   }
 </style>
 <script>

src/components/LeftMiddleRightImgText.astro

@@ -9,6 +9,8 @@ const {
   line = '1',
   btnBottomDisplay,
   bhref,
+  titleHeight,
+  ...right
 } = Astro.props
 import Img from '@/components/children/Img.astro'
 import Text from '@/components/children/Text.astro'
@@ -16,7 +18,9 @@ import Text from '@/components/children/Text.astro'
 
 <!-- 左中右图文 -->
 <div class="container">
-  <div class="fs-1 text-center mt-5" id={componentTitle}>{componentTitle}</div>
+  <div class="text-center mt-5" style="font-size:48px" id={componentTitle}>
+    {componentTitle}
+  </div>
   {
     line == '1' && (
       <div class={`${textAlign}`}>
@@ -24,7 +28,7 @@ import Text from '@/components/children/Text.astro'
       </div>
     )
   }
-  <div class="row row-cols-md-3 row-cols-sm-1 pb-5">
+  <div class="row row-cols-md-3 row-cols-sm-1 pb-5 gx-5">
     {
       listOrData?.map((item, index) => (
         <div class="col-md-4 col-sm-12 mt-5" id={item.id}>
@@ -34,7 +38,7 @@ import Text from '@/components/children/Text.astro'
             data-post={item.id}
           >
             <div class="card border-0">
-              <div class="card-body p-0">
+              <div class="card-body p-0 pb-5">
                 <div style="height:auto;overflow:hidden">
                   <Img
                     listOrData={item}
@@ -43,9 +47,11 @@ import Text from '@/components/children/Text.astro'
                   />
                 </div>
                 <Text
+                  titleHeight={titleHeight}
                   listOrData={item?.children}
                   btnDisplay={btnDisplay}
                   ellipsis="line-ellipsis-small"
+                  {...right}
                 />
               </div>
             </div>
@@ -57,8 +63,8 @@ import Text from '@/components/children/Text.astro'
   {
     btnBottomDisplay && (
       <div class="text-center pb-5">
-        <a class="fs-5 a-bottom-link" href={`${bhref}`}>
-          了解更多
+        <a class=" a-bottom-link" href={`${bhref}`}>
+          更多新闻资讯
         </a>
       </div>
     )
@@ -68,17 +74,22 @@ import Text from '@/components/children/Text.astro'
   .text-underline {
     display: inline-block;
     width: 100px;
-    border-bottom: 2px solid red;
+    border-bottom: 2px solid #c7000b;
   }
   .a-bottom-link {
-    padding: 12px 28px;
-    border: 2px solid red;
+    font-size: 20px;
+    padding: 12px 33px;
+    border: 2px solid #c7000b;
     border-radius: 30px;
     text-decoration: none;
-    color: red;
+    color: #c7000b;
     cursor: pointer;
     display: inline-block;
   }
+  .a-bottom-link:hover {
+    background-color: #c7000b;
+    color: white;
+  }
 </style>
 
 <script>

src/components/LeftMiddleRightText.astro

@@ -0,0 +1,56 @@
+---
+const {
+  lang,
+  listOrData,
+  componentTitle,
+  btnDisplay,
+  titleTextAlign = 'text-center',
+  textAlign = 'text-center',
+  line = '1',
+  titleHeight,
+  ...right
+} = Astro.props
+
+import Text from '@/components/children/Text.astro'
+---
+
+<div class="container">
+  <div
+    class=`${titleTextAlign} mt-5`
+    style="font-size:48px"
+    id={componentTitle}
+  >
+    {componentTitle}
+  </div>
+  {
+    line == '1' && (
+      <div class={`${textAlign}`}>
+        <div class="text-underline" />
+      </div>
+    )
+  }
+  <div class="row row-cols-md-3 row-cols-sm-1 pb-5 gx-5">
+    {
+      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}
+            />
+          </div>
+        </div>
+      ))
+    }
+  </div>
+</div>
+<style>
+  .text-underline {
+    display: inline-block;
+    width: 100px;
+    border-bottom: 2px solid #c7000b;
+  }
+</style>

src/components/List.astro

@@ -1,9 +1,10 @@
 ---
 const text = [
   {
-    title: '广东省地震局与华为签署全面合作协议',
+    title:
+      '广东省地震局与华为签署全面合作协议1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
     content:
-      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+      '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
   },
   {
     title: '广东省地震局与华为签署全面合作协议',
@@ -24,24 +25,27 @@ const text = [
 ---
 
 <div class="container">
-  <ul class="list-group list-group-flush">
+  <ul class="list-group list-group-flush back-color">
     {
       text.map((item, index) => (
-        <li class="list-group-item py-5">
+        <li class="list-group-item py-5 back-color px-0">
           <div class="d-flex align-items-center">
             <div style="flex:1">
-              <div
-                class="d-flex flex-column align-items-center rounded-3 background p-5"
-                style="width:10vw"
-              >
-                <p class="fs-1">18</p>
-                <p class="fs-5">2024.04</p>
+              <div class="d-flex flex-column align-items-center rounded-3 background p-4">
+                <div style="font-size:66px" class="num-day">
+                  18
+                </div>
+                <div class="fs-5 num-year pb-3">2024.04</div>
               </div>
             </div>
             <div style="flex:8">
               <div class="ps-5">
-                <p class="fs-4">{item.title}</p>
-                <p class="fs-6 text-secondary">{item.content}</p>
+                <p class="news-list-title" style="font-size: 28px;">
+                  {item.title}
+                </p>
+                <p class="news-list-content" style="font-size: 16px;">
+                  {item.content}
+                </p>
               </div>
             </div>
           </div>
@@ -52,9 +56,49 @@ const text = [
 </div>
 
 <style>
+  .news-list-title {
+    display: -webkit-box;
+    height: 1.4em;
+    -webkit-line-clamp: 1;
+    -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;
+    text-overflow: ellipsis;
+    color: #666;
+  }
+  .back-color {
+    background-color: transparent;
+  }
   .background {
     background-repeat: no-repeat;
     background-image: url(https://e.huawei.com/Assets/enp/2022/img/module/e-module-202209222030/pc/news-bg.png);
     background-size: cover;
+    width: 200px;
+    height: 200px;
+  }
+  .num-day {
+    border-top: 1px solid #a9a9a9;
+  }
+  .num-year {
+    border-bottom: 1px solid #a9a9a9;
+  }
+  @media (max-width: 768px) {
+    .background {
+      width: 135px;
+      height: 135px;
+    }
+    .num-day {
+      font-size: 35px !important;
+    }
+    .num-year {
+      font-size: 12px !important;
+    }
   }
 </style>

src/components/Map/index.astro

@@ -0,0 +1,28 @@
+---
+
+---
+
+<div id="c-map" style="height: 22vw;" class="concat-us-map"></div>
+<script>
+  var map = new AMap.Map('c-map', {
+    viewMode: '3D', // 默认使用 2D 模式，如果希望使用带有俯仰角的 3D 模式，请设置 viewMode: '3D'
+    zoom: 11, // 初始化地图层级
+    center: [118.907881, 32.068703], // 初始化地图中心点
+  })
+
+  var position = [118.907881, 32.068703]
+  //构建自定义信息窗体
+  var infoWindow = new AMap.InfoWindow({
+    anchor: 'top-left',
+    content: "<div class='info'>南京市云致科技服务有限公司</div>",
+  })
+  infoWindow.open(map, position)
+  new AMap.Marker({ position: position, map })
+</script>
+<style>
+  @media (max-width: 768px) {
+    .concat-us-map {
+      height: 50vw !important;
+    }
+  }
+</style>

src/components/Map/index.jsx

@@ -1,51 +0,0 @@
-import { useEffect } from "react";
-import AMapLoader from "@amap/amap-jsapi-loader";
-import "./map.less";
-
-export default function Map () {
-  let map = null;
-  let marker = null;
-
-  useEffect(() => {
-    AMapLoader.load({
-      key: "e6db83897503a8a40a26dc116a5245fa", // 申请好的Web端开发者Key，首次调用 load 时必填
-      version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-      plugins: ["AMap.Scale"], //需要使用的的插件列表，如比例尺'AMap.Scale'，支持添加多个如：['...','...']
-    })
-      .then((AMap) => {
-        map = new AMap.Map("c-map", {
-          // 设置地图容器id
-          viewMode: "2D", // 是否为3D地图模式
-          zoom: 11, // 初始化地图级别
-          center: [118.907881, 32.068703], // 初始化地图中心点位置
-        });
-        marker = new AMap.Marker({
-          position: map.getCenter(),
-          icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
-          anchor: 'bottom-center',
-          offset: new AMap.Pixel(0, 0)
-        });
-
-        marker.setMap(map);
-        marker.setLabel({
-          direction: 'right',
-          offset: new AMap.Pixel(10, 0),  //设置文本标注偏移量
-          content: "<div class='info'>南京市云致科技服务有限公司</div>", //设置文本标注内容
-        });
-      })
-      .catch((e) => {
-        console.log(e);
-      });
-
-    return () => {
-      map?.destroy();
-    };
-  }, []);
-
-  return (
-    <div
-      id="c-map"
-      style={{ height: "20vw" }}
-    ></div>
-  );
-}

src/components/Map/map.less

@@ -1,4 +0,0 @@
-.amap-icon img {
-  width: 25px;
-  height: 34px;
-}

src/components/ScrollingNavbar.astro

@@ -31,6 +31,7 @@ const { sNav } = Astro.props
                 class={
                   index == 0 ? 'nav-link active a-link' : 'nav-link a-link'
                 }
+                style="font-size: 14px;"
                 href={`#${item}`}
               >
                 {item}
@@ -45,10 +46,10 @@ const { sNav } = Astro.props
 
 <style>
   .a-link:hover {
-    color: red;
+    color: #c7000b;
   }
   .a-link:focus {
-    color: red;
+    color: #c7000b;
   }
 </style>
 <script>

src/components/VerticalNavigationContent.astro

@@ -9,20 +9,23 @@ const {
   titleTextAlign,
   ...right
 } = Astro.props
-// console.log('--------方方-->', list)
 ---
 
 <!-- 竖形导航内容 -->
 <div class="container">
-  <div class={`fs-1 ${titleTextAlign} mt-5`} id={componentTitle}>
+  <div
+    class={`${titleTextAlign} mt-5`}
+    style="font-size: 48px;"
+    id={componentTitle}
+  >
     {componentTitle}
   </div>
   <div class={`${textAlign}`}><div class="text-underline"></div></div>
-  <div class="d-flex align-items-start mt-5">
+  <div class="d-flex align-items-start">
     <div class="row">
       <div class="col-md-2">
         <div
-          class="nav flex-column nav-pills me-3"
+          class="nav flex-column nav-pills me-3 mt-5"
           id="v-pills-tab"
           role="tablist"
           aria-orientation="vertical"
@@ -30,13 +33,18 @@ const {
           {
             list?.map((item, index) => (
               <a
-                class={index == 0 ? 'nav-link active mt-5' : 'nav-link mt-5'}
+                class={
+                  index == 0
+                    ? 'nav-link active rounded-0 vertical-a vertical-link'
+                    : 'nav-link rounded-0 vertical-a vertical-link'
+                }
                 id={`v-pills-${index}-tab`}
                 data-bs-toggle="pill"
                 href={`#v-pills-${index}`}
                 role="tab"
                 aria-controls={`v-pills-${index}`}
                 aria-selected={index == 0 ? 'true' : 'false'}
+                style="height: 66px;"
               >
                 {item?.tabName}
               </a>
@@ -56,7 +64,7 @@ const {
                 role="tabpanel"
                 aria-labelledby={`v-pills-${index}-tab`}
               >
-                <div class="row">
+                <div class="row g-5">
                   {item?.children?.map((item, index) => (
                     <div class={`col-md-${mdSize}`} id={index}>
                       <Children listOrData={item} {...right} />
@@ -72,15 +80,41 @@ const {
   </div>
 </div>
 <style>
+  /* .vertical-a {
+    width: 100%;
+    display: -webkit-box;
+    height: 2.2em;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  } */
   .nav-link {
     color: #787878;
   }
   .nav-link.active {
-    background-color: #c80510;
+    color: #c80510;
+    background-color: #f6f6f6;
   }
   .text-underline {
     display: inline-block;
     width: 100px;
-    border-bottom: 2px solid red;
+    border-bottom: 2px solid #c80510;
+  }
+  .vertical-link {
+    position: relative;
+    border-left: 2px solid #cdc8c8;
+    padding-left: 20px;
+    font-size: 20px;
+  }
+  .vertical-link.active::before {
+    content: '';
+    height: 16px;
+    width: '3px';
+    position: absolute;
+    background-color: #c80510;
+    border-left: 2px solid #c80510;
+    top: 15px;
+    left: 0;
   }
 </style>

src/components/children/Carousel.astro

@@ -8,15 +8,42 @@ const {
   titleTextAlign,
   textAlign,
   mdSize,
+  ...right
 } = Astro.props
 ---
 
 <!-- 轮播 -->
-<div class="container">
-  <div class={`fs-1 ${titleTextAlign} mt-5`} id={componentTitle}>
-    {componentTitle}
+<div class="py-5" style="position:relative;">
+  <div class="container">
+    <div class={`${titleTextAlign}`} style="font-size:48px" id={componentTitle}>
+      {componentTitle}
+    </div>
+    <div class={`${textAlign}`}><div class="text-underline"></div></div>
   </div>
-  <div class={`${textAlign}`}><div class="text-underline"></div></div>
+  <button
+    class="carousel-control-prev"
+    style="width: 4vw;height:4vw;top:55%;"
+    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>
+    <span class="visually-hidden">Previous</span>
+  </button>
+  <button
+    class="carousel-control-next"
+    style="width: 4vw;height:4vw;top:55%;"
+    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>
+    <span class="visually-hidden">Next</span>
+  </button>
   <div id={domId} class="carousel slide" data-bs-ride="carousel">
     <div class="carousel-inner">
       {
@@ -27,14 +54,14 @@ const {
           >
             <div class="row">
               {item.map((it, index) => (
-                <div class={`col-md-${mdSize} col-sm-12 px-5`}>
+                <div class={`col-md-${mdSize} col-sm-12`}>
                   <div
                     class="top-bottom-project-card-carousel"
                     style={it.id ? 'cursor: pointer' : ''}
                     data-post={it.id}
                   >
                     <div class="card border-0" />
-                    <Children listOrData={it} line={line} />
+                    <Children listOrData={it} line={line} {...right} />
                   </div>
                 </div>
               ))}
@@ -43,36 +70,13 @@ const {
         ))
       }
     </div>
-    <button
-      class="carousel-control-prev"
-      type="button"
-      data-bs-target={`#${domId}`}
-      data-bs-slide="prev"
-    >
-      <span
-        class="carousel-control-prev-icon"
-        style="background-color: #696969;"></span>
-      <span class="visually-hidden">Previous</span>
-    </button>
-    <button
-      class="carousel-control-next"
-      type="button"
-      data-bs-target={`#${domId}`}
-      data-bs-slide="next"
-    >
-      <span
-        class="carousel-control-next-icon"
-        style="background-color: #696969;"></span>
-      <span class="visually-hidden">Next</span>
-    </button>
   </div>
 </div>
-<!-- <LeftImgRightText list={it} /> -->
 <style>
   .text-underline {
     display: inline-block;
     width: 100px;
-    border-bottom: 2px solid red;
+    border-bottom: 2px solid #c7000b;
   }
 </style>
 

src/components/children/Img.astro

@@ -5,12 +5,17 @@ const { listOrData, ratio, transformEnlarge } = Astro.props
 <!-- 图片 -->
 <img
   src={listOrData?.url}
-  class=`img-fluid object-fit-cover ${transformEnlarge} pb-4`
-  style=`aspect-ratio:${ratio};width:100%;`
+  class=`img-fluid object-fit-cover ${transformEnlarge} md-img`
+  style=`aspect-ratio:${ratio};width:100%;height:100%;`
   alt=""
 />
 
 <style>
+  @media (max-width: 768px) {
+    .md-img {
+      aspect-ratio: 3/2 !important;
+    }
+  }
   .transformEnlarge {
     transition: transform 1s ease;
     max-width: 100%;

src/components/children/Text.astro

@@ -1,35 +1,51 @@
 ---
 const {
   listOrData,
-  titleSize = 'fs-4',
-  childrenSize,
+  titleSize = '28',
+  childrenSize = '16',
   contentColor = 'text-secondary',
   textWeight,
   ellipsis,
-  btnDisplay,
+  btnDisplay = true,
   textUnderline,
   position,
   titleColor,
   href = '#',
+  titleHeight = '2.8',
+  contentHeight = '7',
+  contentLineHeight = '1.95',
+  pt = '1',
+  px = '0',
+  top = '60',
+  backgroundColor,
+  aMb,
+  rounded,
 } = Astro.props
 ---
 
 <!-- 文本 -->
-<div class=`${position} px-4`>
+<div
+  class=`${position} px-${px} rounded-${rounded}`
+  style=`top:${top}%!important;background-color:${backgroundColor};`
+>
   <p
-    class=`${titleSize} ${textWeight} ${titleColor} mb-0 pt-4 title-line-ellipsis`
+    class=`${textWeight} ${titleColor} mb-0 pt-5 title-line-ellipsis`
+    style=`font-size:${titleSize}px;height:${titleHeight}em;`
   >
     {listOrData?.title}
   </p>
   <!-- <p class="fs-4">打造全球首个“岛式”精益智造工厂</p> -->
   {textUnderline && <div class="text-underline" />}
 
-  <p class=`${contentColor} ${childrenSize} ${ellipsis} pt-1`>
+  <p
+    class=`${ellipsis} pt-${pt} p-content`
+    style=`font-size:${childrenSize}px;color:#666;line-height:${contentLineHeight};height:${contentHeight}em;`
+  >
     {listOrData?.content}
   </p>
   {
     btnDisplay && (
-      <a class="fs-5 a-link" href={`${href}`}>
+      <a class={`a-link mb-${aMb}`} href={`${href}`}>
         了解更多
       </a>
     )
@@ -37,15 +53,19 @@ const {
 </div>
 
 <style>
+  @media (max-width: 768px) {
+    .p-content {
+      font-size: 1rem !important;
+    }
+  }
   .text-underline {
     width: 100px;
-    border-bottom: 2px solid red;
+    border-bottom: 2px solid #c7000b;
     margin-left: 50px;
     margin-bottom: 1em;
   }
   .title-line-ellipsis {
     display: -webkit-box;
-    height: 3.6em;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
@@ -53,7 +73,7 @@ const {
   }
   .line-ellipsis-small {
     display: -webkit-box;
-    height: 5em;
+    height: 7em;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
@@ -61,34 +81,36 @@ const {
   }
   .line-ellipsis-large {
     display: -webkit-box;
-    height: 20.8em;
-    -webkit-line-clamp: 14;
+    height: 19em;
+    -webkit-line-clamp: 9;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
   }
   .positionMiddle {
     position: absolute;
-    top: 50%;
+    top: 60%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
   .positionBottom {
     position: absolute;
-    top: 70%;
+    top: 68%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
   .a-link {
-    padding: 12px 28px;
-    border: 2px solid red;
+    display: inline-block;
+    font-size: 16px;
+    padding: 11px 28px;
+    border: 2px solid #c7000b;
     border-radius: 25px;
     text-decoration: none;
-    color: red;
+    color: #c7000b;
     cursor: pointer;
   }
-  /* .a-link:hover {
+  .a-link:hover {
+    background-color: #c7000b;
     color: white;
-    background-color: red;
-  } */
+  }
 </style>

src/layouts/Layout.astro

@@ -19,16 +19,16 @@ const { title } = Astro.props
       src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
       crossorigin="anonymous"></script>
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+
     <script type="text/javascript">
       window._AMapSecurityConfig = {
         securityJsCode: '851e2864c002f3eb32b8b543db41e205',
       }
     </script>
-    <!-- <script
+    <script
       type="text/javascript"
-      src="//webapi.amap.com/maps?v=2.0&key=292ebde2c70a2c79a32633e2a924d973"
+      src="https://webapi.amap.com/maps?v=2.0&key=e6db83897503a8a40a26dc116a5245fa"
     ></script>
-    <script src="//webapi.amap.com/ui/1.1/main.js?v=1.1.1" is:inline></script> -->
     <meta name="generator" content={Astro.generator} />
     <title>{title} - 云致科技</title>
     <style is:global>

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

@@ -75,42 +75,58 @@ const imgProData3 = {
 <Layout title="关于云致">
   <NavMenu lang={lang} client:load />
   <ImgPro
+    contentLineHeight="1.5"
+    titleHeight="2.5"
     listOrData={imgProData}
     titleColor="text-dark"
     contentColor="text-secondary"
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftImgRightText
     listOrData={data}
     componentTitle="发展背景"
     textAlign="text-center"
-    btnDisplay={false}
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <LeftMiddleRightImgText
     componentTitle="案例统计"
     listOrData={informationList2}
     textAlign="text-center"
-    btnDisplay={false}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <ImgPro
     listOrData={imgProData2}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
+    titleHeight="2.5"
+    contentLineHeight="1.5"
+    top="50"
   />
   <ImgPro
     listOrData={imgProData3}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
+    titleHeight="2.5"
+    contentLineHeight="1.5"
+    top="50"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/concat-us/index.astro

@@ -2,7 +2,7 @@
 import Layout from '@/layouts/Layout.astro'
 import NavMenu from '@/components/NavMenu/index.jsx'
 import Text from '@/components/children/Text.astro'
-import Map from '@/components/Map'
+import Map from '@/components/Map/index.astro'
 import Form from '@/components/Form.astro'
 import Footer from '@/components/Footer.astro'
 
@@ -10,12 +10,12 @@ const { lang = 'zh' } = Astro.params
 
 const text = [
   {
-    title: '产品购买与咨询',
+    title: '技术支持',
     content: '提交项目需求这一块那一块',
   },
   {
     title: '云致合作伙伴咨询',
-    content: '投诉邮箱：89341562@qq.com',
+    content: '邮箱：89341562@qq.com',
   },
 ]
 ---
@@ -24,33 +24,80 @@ const text = [
   <NavMenu lang={lang} client:load />
 
   <div class="container">
-    <div class="fs-1 text-center pt-5" style="margin-top:36px">联系我们</div>
-    <div class="row mt-5 justify-content-center">
+    <div
+      class="fw-bold text-center pt-5 mb-5"
+      style="margin-top:72px;font-size:42px;"
+    >
+      联系我们
+    </div>
+    <div class="row justify-content-center g-5">
       {
         text.map((item, index) => (
-          <div class="col-md-5 mb-5">
-            <div class="card border-0 ps-5">
-              <Text listOrData={item} />
+          <div class="col-md-5">
+            <div class="card border-0 ps-4 pb-4">
+              <Text
+                textWeight="fw-bold"
+                titleSize="24"
+                ellipsis="line-ellipsis-small"
+                titleHeight="'3.2"
+                listOrData={item}
+                btnDisplay={false}
+              />
             </div>
           </div>
         ))
       }
     </div>
-    <div class="row justify-content-center my-5">
+    <div class="row justify-content-center pt-5 g-5">
       <div class="col-md-5">
-        <div class="card border-0 ps-5">
-          <p class="fs-4 mb-0 pt-5 title-line-ellipsis">联系人</p>
-          <p class="pt-1">服务热线:13770665717（胡先生）</p>
-          <img src="http://njyz.tech/assets/img/hu_qr.png" style="width:14vw" />
+        <div class="card border-0 p-5">
+          <p
+            class="mb-0 title-line-ellipsis"
+            style="font-size:24px;font-weight:bold;"
+          >
+            联系人
+          </p>
+          <p class="pt-1 text-secondary">服务热线:13770665717（胡先生）</p>
+          <img
+            src="http://njyz.tech/assets/img/hu_qr.png"
+            style="width:22vw;height:22vw;"
+            class="q-r-code"
+          />
         </div>
       </div>
       <div class="col-md-5">
-        <Map client:only="react" />
+        <div class="card border-0 p-5">
+          <p
+            class="mb-0 title-line-ellipsis"
+            style="font-size:24px;font-weight:bold;"
+          >
+            地址
+          </p>
+          <p class="pt-1 text-secondary">
+            南京市栖霞区绿地万科云都会售楼处北50米(石狮路西)
+          </p>
+          <Map />
+        </div>
       </div>
-      <div class="col-md-10 mt-5">
+    </div>
+    <!-- <div class="row justify-content-center pt-5 g-5">
+      <div class="col-md-10">
+        
+      </div>
+    </div> -->
+    <div class="row justify-content-center my-5">
+      <div class="col-md-10">
         <Form lang={lang} />
       </div>
     </div>
   </div>
   <Footer lang={lang} />
 </Layout>
+<style>
+  @media (max-width: 768px) {
+    .q-r-code {
+      width: 50vw !important;
+      height: 50vw !important;
+    }
+  }
+</style>

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

@@ -1,46 +1,121 @@
 ---
 import Layout from '@/layouts/Layout.astro'
 import Footer from '@/components/Footer.astro'
-import Navbar from '@/components/Navbar.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
 import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import { getPostById } from '@/services/apis'
+import ImgPro from '@/components/ImgPro.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+// import { getPostById } from '@/services/apis'
 const { lang = 'zh' } = Astro.params
-console.log('---------fff------>', lang)
-var url = new URL(Astro.request.url)
-var id = url.searchParams.get('id')
+// var url = new URL(Astro.request.url)
+// var id = url.searchParams.get('id')
 // const post = await getPostById(id)
-function getContent(item = {}) {
-  return (
-    item[`content${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
-    item.contentEn ||
-    item.contentZh
-  )
-}
+
+// function getContent(item = {}) {
+//   return (
+//     item[`content${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
+//     item.contentEn ||
+//     item.contentZh
+//   )
+// }
 
 // 使用中文标题即ID
 // 保存所有生成的 id
-const ids = []
+const ids = ['详情']
 
-function appendHId(html) {
-  const reg = /(<)(h\d)(>(.*?)<\/h\d>)/g
+// function appendHId(html) {
+//   const reg = /(<)(h\d)(>(.*?)<\/h\d>)/g
 
-  return html.replaceAll(reg, (_, p1, p2, p3, p4) => {
-    ids.push(p4)
-    return `${p1}${p2} id="${p4}"${p3}`
-  })
-}
+//   return html.replaceAll(reg, (_, p1, p2, p3, p4) => {
+//     ids.push(p4)
+//     return `${p1}${p2} id="${p4}"${p3}`
+//   })
+// }
 
 // let contentHtml = getContent(post)
 // contentHtml = appendHId(contentHtml)
+const contentHtml =
+  '详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情详情'
+const imgProData = {
+  url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
+  title: '云致企业业务',
+  content:
+    '横跨整个大西洋与北冰洋，云致企业业务为全球企业提供安全、可靠的云服务。',
+}
+const data = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/topic/sitecore/2024-finance/img/partner.jpg',
+    children: {
+      title: '关于云致',
+      content:
+        '关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致',
+    },
+  },
+]
+const informationList2 = [
+  {
+    id: '1',
+    url: '/public/image/building/control.png',
+    children: {
+      title: '案例统计',
+      content:
+        '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
+    },
+  },
+  {
+    id: '2',
+    url: '/public/image/building/identify.png',
+    children: {
+      title: '案例统计',
+      content:
+        '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
+    },
+  },
+  {
+    id: '3',
+    url: '/public/image/building/identify.png',
+    children: {
+      title: '案例统计',
+      content:
+        '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
+    },
+  },
+]
 ---
 
 <Layout>
-  <Navbar lang={lang} />
+  <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={ids} />
+
+  <!-- <ImgPro
+    listOrData={imgProData}
+    titleColor="text-dark"
+    contentColor="text-secondary"
+    ratio="3 / 1"
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <LeftImgRightText
+    listOrData={data}
+    componentTitle="发展背景"
+    textAlign="text-center"
+    btnDisplay={false}
+  />
+  <LeftMiddleRightImgText
+    componentTitle="案例统计"
+    listOrData={informationList2}
+    textAlign="text-center"
+    btnDisplay={false}
+  /> -->
+
   <div class="container-fulid" style="margin-top: 9rem;background-color:#fff">
-    <div class="container">
+    <div class="container p-5">
       <div style="word-break:break-word">
-        <!-- <Fragment set:html={contentHtml} /> -->
+        <Fragment set:html={contentHtml} />
       </div>
     </div>
   </div>

src/pages/[lang]/index.astro

@@ -187,31 +187,45 @@ const informationList = [
   <NavMenu lang={lang} client:load />
 
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="16 / 9"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="60"
+    childrenSize="24"
     textWeight="fw-bold"
     ellipsis="line-ellipsis-small"
     position="positionBottom"
-    href="detail/FirstScreenDetail/"
+    btnDisplay={false}
+    top="68"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextData}
     componentTitle="产品与解决方案"
     textAlign="text-center"
+    titleSize="34"
+    pt="4"
+    px="5"
+    contentHeight="19"
   />
 
   <LeftMiddleRightImgText
     componentTitle="案例展示"
     listOrData={caseList}
     textAlign="text-center"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <LeftMiddleRightImgText
     componentTitle="最新资讯"
     listOrData={informationList}
     textAlign="text-center"
     btnBottomDisplay={true}
+    bhref=`/${lang}/news`
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -26,10 +26,13 @@ const imgProData = {
     titleColor="text-dark"
     contentColor="text-secondary"
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
+    titleHeight="2.5"
+    contentLineHeight="1.5"
   />
   <List />
   <Footer lang={lang} />

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">
+    <div class="row g-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">
+    <div class="row g-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

@@ -153,18 +153,24 @@ const list = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftMiddleRightImgText
     componentTitle="场景化解决方案"
     listOrData={informationList}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <Carousel
     componentTitle="相关产品"
@@ -173,12 +179,19 @@ const list = [
     titleTextAlign="text-start"
     textAlign="text-start"
     line="0"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <Carousel
     componentTitle="成功案例"
     list={carouselList2}
     Children={LeftImgRightText}
     line="0"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <VerticalNavigationContent
     list={list}
@@ -187,6 +200,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -157,24 +157,34 @@ const verticalNavigationContentList = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftMiddleRightImgText
     componentTitle="场景化解决方案"
     listOrData={informationList}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
     list={carouselList}
     line="0"
     Children={LeftImgRightText}
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -183,6 +193,9 @@ const verticalNavigationContentList = [
     Children={LeftMiddleRightImgText}
     titleTextAlign="text-end"
     textAlign="text-end"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -191,6 +204,14 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -85,19 +85,26 @@ const list = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
     componentTitle="场景化解决方案"
     textAlign="text-center"
+    titleSize="34"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <VerticalNavigationContent
     list={list}
@@ -106,6 +113,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -8,6 +8,7 @@ import Carousel from '@/components/children/Carousel.astro'
 import LeftImgRightText from '@/components/LeftImgRightText.astro'
 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'
 
 const { lang = 'zh' } = Astro.params
@@ -75,55 +76,66 @@ const carouselList = [
   ],
 ]
 const carouselList2 = [
-  [
-    {
-      id: '1',
+  {
+    id: '1',
+    children: {
       title: '政务服务',
       content:
         '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
     },
-    {
-      id: '2',
+  },
+  {
+    id: '2',
+    children: {
       title: '政务服务',
       content:
-        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
     },
-    {
-      id: '3',
+  },
+  {
+    id: '3',
+    children: {
       title: '政务服务',
       content:
-        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
     },
-  ],
+  },
 ]
 const list = [
   {
     id: '1',
-    tabName: '白皮书',
+    tabName: '白皮书白皮书白皮书',
     children: [
       {
         title: '智慧园区2030',
+        content:
+          '智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030',
       },
       {
         title: 'Future Intelligent Campus White Paper For Asia Pacific',
+        content: 'Future Intelligent Campus White Paper For Asia Pacific',
       },
       {
         title: 'Future Net Zero Intelligent Campus White Paper ME&CA 2023',
+        content: 'Future Intelligent Campus White Paper For Asia Pacific',
       },
       {
         title: '智慧园区发展白皮书（上海）',
+        content: '智慧园区发展白皮书（上海）',
       },
       {
         title: '未来智慧园区白皮书2022',
+        content: '未来智慧园区白皮书2022',
       },
       {
         title: '未来智慧园区白皮书',
+        content: '未来智慧园区白皮书',
       },
     ],
   },
   {
     id: '2',
-    tabName: '彩页',
+    tabName: '彩页彩页',
     children: [
       {
         title: '华为智慧园区解决方案介绍',
@@ -133,26 +145,6 @@ const list = [
       },
     ],
   },
-  {
-    id: '3',
-    tabName: '线上样板点',
-    children: [],
-  },
-  {
-    id: '4',
-    tabName: '品牌视频',
-    children: [],
-  },
-  {
-    id: '5',
-    tabName: '案例视频',
-    children: [],
-  },
-  {
-    id: '6',
-    tabName: '方案视频',
-    children: [],
-  },
 ]
 ---
 
@@ -160,32 +152,42 @@ const list = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftMiddleRightImgText
     componentTitle="场景化解决方案"
     listOrData={informationList}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <Carousel
     componentTitle="成功案例"
     list={carouselList}
     line="0"
     Children={LeftImgRightText}
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
-  <Carousel
+  <LeftMiddleRightText
     componentTitle="新闻与活动"
-    list={carouselList2}
-    Children={Text}
-    mdSize="4"
-    titleTextAlign="text-end"
-    textAlign="text-end"
+    listOrData={carouselList2}
+    btnDisplay={false}
+    titleHeight="3.2"
+    ellipsis="line-ellipsis-small"
+    pt="4"
   />
   <VerticalNavigationContent
     list={list}
@@ -194,6 +196,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -151,21 +151,32 @@ const list = [
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
+    titleHeight="2.5"
+    contentLineHeight="1.5"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
     componentTitle="场景化解决方案"
     textAlign="text-center"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <Carousel
     componentTitle="成功案例"
     list={carouselList}
     Children={LeftImgRightText}
     line="0"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -174,6 +185,9 @@ const list = [
     titleTextAlign="text-end"
     textAlign="text-end"
     line="0"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -182,6 +196,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <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">
+    <div class="row g-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

@@ -6,6 +6,7 @@ import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
 import ImgPro from '@/components/ImgPro.astro'
 import Carousel from '@/components/children/Carousel.astro'
 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'
 
@@ -122,18 +123,20 @@ const informationList2 = [
   },
 ]
 const carouselList2 = [
-  [
-    {
-      id: '1',
+  {
+    id: '1',
+    children: {
       title: 'ERP',
       content: 'ERPERPERPERPERPERPERPERP',
     },
-    {
-      id: '2',
+  },
+  {
+    id: '2',
+    children: {
       title: 'ERP',
       content: 'ERPERPERPERPERPERPERPERP',
     },
-  ],
+  },
 ]
 ---
 
@@ -141,41 +144,60 @@ const carouselList2 = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
     componentTitle="选择云致的理由"
     textAlign="text-center"
+    titleSize="34"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <LeftMiddleRightImgText
     componentTitle="场景化解决方案"
     listOrData={informationList}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
     list={carouselList}
     line="0"
     Children={LeftImgRightText}
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <LeftMiddleRightImgText
     componentTitle="配套产品"
     listOrData={informationList2}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
-  <Carousel
+  <LeftMiddleRightText
     componentTitle="相关资源"
-    list={carouselList2}
-    Children={Text}
-    mdSize="4"
-    titleTextAlign="text-center"
-    textAlign="text-center"
+    listOrData={carouselList2}
+    btnDisplay={false}
+    titleHeight="3.2"
+    ellipsis="line-ellipsis-small"
+    pt="4"
+    titleSize="20"
+    titleHeight="4"
   />
   <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">
+    <div class="row g-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

@@ -166,34 +166,34 @@ const leftImgRightTextData3 = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    contentLineHeight="1.5"
+    titleHeight="2.5"
     listOrData={imgProData}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftImgRightText
     listOrData={leftImgRightTextData2}
     componentTitle="数智云简介"
     textAlign="text-center"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextData3}
     componentTitle="数智云架构"
     textAlign="text-center"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
-  <!-- <LeftMiddleRightImgText
-    componentTitle="选择适合您的交换机产品"
-    listOrData={informationList}
-    textAlign="text-center"
-  />
-  <Carousel
-    componentTitle="成功案例"
-    line="0"
-    list={carouselList}
-    Children={LeftImgRightText}
-  /> -->
   <VerticalNavigationContent
     list={list}
     ellipsis="line-ellipsis-small"
@@ -201,6 +201,14 @@ const leftImgRightTextData3 = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -138,26 +138,39 @@ const list = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftMiddleRightImgText
     componentTitle="项目内容"
     listOrData={informationList}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <LeftImgRightText
     listOrData={data}
     componentTitle="大数据可视化平台"
     textAlign="text-center"
+    titleSize="34"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <LeftMiddleRightImgText
     componentTitle="”四情“监测系统"
     listOrData={informationList2}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -166,6 +179,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -4,6 +4,7 @@ import NavMenu from '@/components/NavMenu/index.jsx'
 import Img from '@/components/children/Img.astro'
 import Text from '@/components/children/Text.astro'
 import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
 import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
 import Carousel from '@/components/children/Carousel.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
@@ -20,51 +21,6 @@ const imgProData1 = {
   content: '楼宇智能化',
 }
 
-const data = [
-  {
-    id: '1',
-    url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.jpg',
-    children: {
-      title: '重新定义园区',
-      content:
-        '依托新ICT技术，华为打造园区产品组合方案，重新定义园区，最终实现终端互联、数据融合、业务汇聚。重新定义园区网络：多线合一、有线变无线，将15张网简化为4种网络技术',
-    },
-  },
-]
-const imgProData = {
-  url: '//e.huawei.com/-/mediae/images/solutions/campus/campus/secondbanner-pc.jpg',
-  title: '智慧楼宇',
-  content: '智慧楼宇有智慧',
-}
-
-const informationList = [
-  {
-    id: '1',
-    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/office-network/office-network-banner-bequoted.png',
-    children: {
-      title: '极简办公网',
-      content: '三层变两层，轻量化运维，打造园区办公网络致简体验',
-    },
-  },
-  {
-    id: '2',
-    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/sdwan/sdwan-banner-bequoted.jpg',
-    children: {
-      title: '总部分支互联',
-      content:
-        '华为总部分支互联方案，应对传统网络架构封闭、业务体验难保障、运维困难所带来的挑战，随时随地安全接入。',
-    },
-  },
-  {
-    id: '3',
-    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/converged-production-network/banner-bequoted.png',
-    children: {
-      title: '融合生产网',
-      content: '数字化生产需要高可靠、无线化、工业级的网络联接能力',
-    },
-  },
-]
-
 const informationList2 = [
   {
     id: '1',
@@ -105,49 +61,57 @@ const informationList2 = [
 ]
 
 const carouselList4 = [
-  [
-    {
-      id: '1',
+  {
+    id: '1',
+    children: {
       title: '信息录入',
       content:
         '楼宇内成员邀请：成员通过访客登记系统录入访客信息，访客即可收到推送提醒，可查看通行凭证并通行授权门禁；访客自助申请：访客扫码进入小程序，录入信息登记，由受访人审核确认后，即可查看通行凭证并通行授权门禁。',
     },
-    {
-      id: '2',
+  },
+  {
+    id: '2',
+    children: {
       title: '身份验证',
       content:
         '线下信息验证：访客向楼宇前台出示通行凭证，前台审核后即可通行；自主通行：访客使用线上通行凭证，通过扫码、人脸识别等方式进行自主通行。',
     },
-    {
-      id: '3',
+  },
+  {
+    id: '3',
+    children: {
       title: '实时通知',
       content:
         '访客进入楼宇，系统自动通知受访者或管理人员。平台记录并跟踪访客停留时间。若逾期，系统通知相关人员进行处理。',
     },
-  ],
+  },
 ]
 
 const carouselList5 = [
-  [
-    {
-      id: '1',
+  {
+    id: '1',
+    children: {
       title: '出入记录',
       content:
         '系统自动记录人员的出入时间、地点和目的，并生成详细的通行记录，可供后续查询和分析。',
     },
-    {
-      id: '2',
+  },
+  {
+    id: '2',
+    children: {
       title: '实时监控',
       content:
         '管理员可以通过系统实时监控人员的出入情况，查看实时数据和警报信息。',
     },
-    {
-      id: '3',
+  },
+  {
+    id: '3',
+    children: {
       title: '报表统计',
       content:
         '支持生成通行报表和统计图表，帮助管理者全面了解人员通行情况和趋势。',
     },
-  ],
+  },
 ]
 
 const imgProData2 = {
@@ -194,136 +158,6 @@ const informationList3 = [
   },
 ]
 
-const carouselList = [
-  [
-    [
-      {
-        id: '1',
-        url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
-        children: {
-          title: '东南大学：携手华为打造“数智东南”信息高速公路',
-          content:
-            '“升级后的Wi-Fi网络感觉确实挺好的，信号穿透力更强，在宿舍不同位置信号很强；连接很稳定，在高峰期时期也再不会出现突然掉线了。让人感觉最直接的还是网络带宽的提升，让直播课程流畅了很多，使用网盘下载文件时比过去快了好几倍。”',
-        },
-      },
-    ],
-  ],
-  [
-    [
-      {
-        id: '2',
-        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
-        children: {
-          title:
-            '重庆两路果园港综合保税区：绿色、生态、环保、城景融合的智慧园区',
-          content:
-            '国贸会展集团携手华为打造智慧会展中心，以ICT基础设施为支撑，以安全保障能力为基础，以运营管理能力、服务体验能力和数据运营能力为核心，带来智慧会展全新体验。',
-        },
-      },
-    ],
-  ],
-]
-
-const carouselList3 = [
-  [
-    {
-      id: '1',
-      title: '智能识别便捷通行',
-      content:
-        '应用智能门禁设备，提供高效的人员通行方式，楼宇授权人员实现无卡通行，全面提升人员流动效率。',
-    },
-    {
-      id: '2',
-      title: '访客授权快捷登记',
-      content:
-        '华为在全球最大的科技盛会GITEX GLOBAL 2023上发布了《未来零碳智慧园区白皮书》，展示了华为在智慧园区和智能建筑领域的产品组合方案，为智慧园区的全生命周期规划、建设和运营提供了全面的指导。',
-    },
-    {
-      id: '3',
-      title: '通行数据线上管理',
-      content:
-        '通行记录实时记录，便于管理人员后台查看通行数据，全局掌控楼宇人员流动情况，追溯异常通行事件。',
-    },
-  ],
-]
-const carouselList2 = [
-  [
-    {
-      id: '1',
-      title: '华为发布《智慧园区2030》报告',
-      content:
-        '近日，以“因聚而生 数智有为”为主题的“华为中国合作伙伴大会2024” 在深圳举行。期间，华为发布《智慧园区2030》报告，洞察发展趋势、定义价值场景、阐述关键技术特征、提出参考架构和量化指标，与业界同仁共同展望智慧园区创新发展之路。',
-    },
-    {
-      id: '2',
-      title: '面向智能时代，重新定义未来零碳智慧园区',
-      content:
-        '华为在全球最大的科技盛会GITEX GLOBAL 2023上发布了《未来零碳智慧园区白皮书》，展示了华为在智慧园区和智能建筑领域的产品组合方案，为智慧园区的全生命周期规划、建设和运营提供了全面的指导。',
-    },
-    {
-      id: '3',
-      title: '华为携手久事体育中心公司发布上海体育场智慧场馆全球样板点',
-      content:
-        '在华为全联接大会2023期间，华为携手久事体育中心公司，面向全球发布上海体育场智慧场馆样板点。众多商业领袖、行业伙伴及技术专家共聚一堂，分享上海体育场馆园区数字化经验，共同探讨如何加速场馆行业智能化。',
-    },
-  ],
-]
-
-// const list = [
-//   {
-//     id: '1',
-//     tabName: '精选视频',
-//     children: [
-//       {
-//         title: '中信银行携手华为的数字化转型实践',
-//       },
-//       {
-//         title: 'HIFS2023 曹冲丨拥抱大模型，构建无所不及的金融智能',
-//       },
-//       {
-//         title: 'BDO携手华为共同应对数字化转型的新挑战',
-//       },
-//       {
-//         title: '申万宏源通过基础设施现代化为数字化转型夯基垒台',
-//       },
-//       {
-//         title: '华为iMaster NCE助力华夏银行网络自服务平台搭建',
-//       },
-//       {
-//         title: '常熟农商银行科技创新之路',
-//       },
-//     ],
-//   },
-//   {
-//     id: '2',
-//     tabName: '会议演讲材料',
-//     children: [
-//       {
-//         title: '智领睿变，共建数智金融未来——曹冲',
-//       },
-//       {
-//         title: '金融级PaaS 3.0 应用现代化新引擎',
-//       },
-//       {
-//         title: '深化核心现代化 ，共绘数智金融新蓝图',
-//       },
-//       {
-//         title: 'AI新生代银行的机遇与变革',
-//       },
-//     ],
-//   },
-//   {
-//     id: '3',
-//     tabName: '白皮书/第三方报告',
-//     children: [],
-//   },
-//   {
-//     id: '4',
-//     tabName: '快捷书架',
-//     children: [],
-//   },
-// ]
-
 const list = [
   {
     id: '1',
@@ -374,67 +208,88 @@ const list = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
     listOrData={imgProData1}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <!-- href=`/${lang}/detail/BuildingDetail/` -->
-  <Carousel
+  <LeftMiddleRightText
     componentTitle="智慧通行"
-    list={carouselList4}
-    Children={Text}
-    mdSize="4"
+    listOrData={carouselList4}
+    btnDisplay={false}
     titleTextAlign="text-end"
     textAlign="text-end"
+    titleHeight="3.2"
+    ellipsis="line-ellipsis-small"
+    pt="4"
   />
   <LeftMiddleRightImgText
     componentTitle="智能识别便捷通行"
     listOrData={informationList2}
     textAlign="text-center"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
-  <Carousel
+  <LeftMiddleRightText
     componentTitle="访客授权快捷登记"
-    list={carouselList4}
-    Children={Text}
-    mdSize="4"
+    listOrData={carouselList4}
+    btnDisplay={false}
     titleTextAlign="text-end"
     textAlign="text-end"
+    titleHeight="3.2"
+    ellipsis="line-ellipsis-small"
+    pt="4"
   />
-  <Carousel
+  <LeftMiddleRightText
     componentTitle="通行记录线上管理"
-    list={carouselList5}
-    Children={Text}
-    mdSize="4"
+    listOrData={carouselList5}
+    btnDisplay={false}
     titleTextAlign="text-end"
     textAlign="text-end"
+    titleHeight="3.2"
+    ellipsis="line-ellipsis-small"
+    pt="4"
   />
   <ImgPro
     listOrData={imgProData2}
+    btnDisplay={false}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
+    titleHeight="2.5"
     titleColor="text-light"
     contentColor="text-light"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    top="50"
   />
   <LeftMiddleRightImgText
     componentTitle="智能识别便捷通行"
     listOrData={informationList3}
     textAlign="text-center"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
+    btnDisplay={false}
     listOrData={imgProData3}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     titleColor="text-light"
     contentColor="text-light"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    top="50"
   />
   <VerticalNavigationContent
     list={list}
@@ -443,6 +298,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -4,6 +4,7 @@ import NavMenu from '@/components/NavMenu/index.jsx'
 import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
 import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
 import Carousel from '@/components/children/Carousel.astro'
+import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
 import ImgPro from '@/components/ImgPro.astro'
 import Text from '@/components/children/Text.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
@@ -46,24 +47,28 @@ const informationList = [
   },
 ]
 const carouselList2 = [
-  [
-    {
-      id: '1',
+  {
+    id: '1',
+    children: {
       title: '安防需求',
       content: '女性、有宠物或有未成年儿童的业主对智能门锁及安全摄像头需较高',
     },
-    {
-      id: '2',
+  },
+  {
+    id: '2',
+    children: {
       title: '节能经济需求',
       content:
         '消费者希望智能家居在能节约能源，这样就算智能家居本身价格较高也可以接受',
     },
-    {
-      id: '3',
+  },
+  {
+    id: '3',
+    children: {
       title: '生活便利需求',
       content: '消费者希望智能家居能提升便利性',
     },
-  ],
+  },
 ]
 const list = [
   {
@@ -77,7 +82,7 @@ const list = [
       {
         title: '控制系统',
         content:
-          '开发语音中控，集成对于全屋智慧家居设备的语音控制，同时提供辅助客户端应用进行远程或备选控制',
+          '开发语音中控，集成对于全屋智慧家居设备的语音控制，同时提供辅助客户端应用进行远程或备选控制同时提供辅助客户端应用进行远程或备选控制',
       },
       {
         title: '合作模式',
@@ -144,25 +149,33 @@ const list = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftMiddleRightImgText
     componentTitle="社区目的"
     listOrData={informationList}
     textAlign="text-center"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
-  <Carousel
+  <LeftMiddleRightText
     componentTitle="客户需求程度"
-    list={carouselList2}
-    Children={Text}
-    mdSize="4"
+    listOrData={carouselList2}
+    btnDisplay={false}
     titleTextAlign="text-end"
     textAlign="text-end"
+    titleHeight="3.2"
+    ellipsis="line-ellipsis-small"
+    pt="4"
   />
   <VerticalNavigationContent
     list={list}
@@ -171,6 +184,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -185,10 +185,13 @@ const informationList2 = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
+    btnDisplay={false}
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
   />
@@ -196,19 +199,29 @@ const informationList2 = [
     componentTitle="5G网络覆盖"
     listOrData={informationList}
     textAlign="text-center"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <Carousel
+    titleHeight="3.2"
     componentTitle="成功案例"
     list={carouselList2}
     Children={LeftImgRightText}
     line="0"
     textAlign="text-center"
     titleTextAlign="text-center"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <LeftMiddleRightImgText
     componentTitle="界面设计与用户体验"
     listOrData={informationList2}
     textAlign="text-center"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -217,6 +230,14 @@ const informationList2 = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <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">
+    <div class="row g-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

@@ -73,23 +73,33 @@ const verticalNavigationContentList = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftMiddleRightImgText
     componentTitle="服务产品"
     listOrData={informationList}
+    titleHeight="'3.2"
+    pt="4"
+    px="5"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
     componentTitle="成功案例"
     textAlign="text-center"
+    titleHeight="'3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -98,6 +108,14 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="'3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -6,6 +6,7 @@ import Carousel from '@/components/children/Carousel.astro'
 import Text from '@/components/children/Text.astro'
 import ImgPro from '@/components/ImgPro.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
 import Footer from '@/components/Footer.astro'
 
 const { lang = 'zh' } = Astro.params
@@ -17,26 +18,30 @@ const imgProData = {
   content: '电商系统电商系统',
 }
 const carouselList = [
-  [
-    {
-      id: '1',
+  {
+    id: '1',
+    children: {
       title: '电商系统',
       content:
         '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
     },
-    {
-      id: '2',
+  },
+  {
+    id: '2',
+    children: {
       title: '电商系统',
       content:
         '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
     },
-    {
-      id: '3',
+  },
+  {
+    id: '3',
+    children: {
       title: '电商系统',
       content:
         '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
     },
-  ],
+  },
 ]
 const verticalNavigationContentList = [
   {
@@ -67,22 +72,25 @@ const verticalNavigationContentList = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
-  <Carousel
+  <LeftMiddleRightText
     componentTitle="电商产品"
-    list={carouselList}
-    Children={Text}
-    mdSize="4"
-    titleTextAlign="text-center"
-    textAlign="text-center"
+    listOrData={carouselList}
+    btnDisplay={false}
+    titleHeight="3.2"
+    ellipsis="line-ellipsis-small"
+    pt="4"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -91,6 +99,14 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -151,14 +151,17 @@ const list = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <Carousel
     componentTitle="成功案例"
@@ -167,6 +170,10 @@ const list = [
     line="0"
     textAlign="text-center"
     titleTextAlign="text-center"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -175,10 +182,16 @@ const list = [
     titleTextAlign="text-end"
     textAlign="text-end"
     line="0"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <LeftMiddleRightImgText
     componentTitle="选择适合您的产品"
     listOrData={informationList}
+    titleHeight="3.2"
+    pt="4"
+    px="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -187,6 +200,14 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -107,19 +107,26 @@ const verticalNavigationContentList = [
   <NavMenu lang={lang} client:load />
   <ScrollingNavbar sNav={sNav} />
   <ImgPro
+    titleHeight="2.5"
+    contentLineHeight="1.5"
     listOrData={imgProData}
     ratio="3 / 1"
     titleColor="text-light"
     contentColor="text-light"
-    titleSize="fs-1"
-    childrenSize="fs-4"
+    titleSize="52"
+    childrenSize="24"
     ellipsis="line-ellipsis-small"
     position="positionMiddle"
+    btnDisplay={false}
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
     componentTitle="旅游住宿"
     textAlign="text-center"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <Carousel
     componentTitle="成功案例"
@@ -128,6 +135,10 @@ const verticalNavigationContentList = [
     titleTextAlign="text-left"
     textAlign="text-left"
     line="0"
+    titleHeight="3.2"
+    px="5"
+    pt="4"
+    contentHeight="19"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -136,6 +147,14 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
+    titleHeight="3.2"
+    pt="4"
+    px="5"
+    backgroundColor="#eee"
+    aMb="5"
+    rounded="3"
+    titleSize="20"
+    titleHeight="4"
   />
   <Footer lang={lang} />
 </Layout>