f

src/components/Footer.astro

@@ -111,8 +111,8 @@ const colNum = Math.ceil(12 / (menus?.length + 1))
 ---
 
 <div class="bg-l">
-  <div class="container">
-    <footer class="row py-5 mt-5">
+  <div class="container pt-5">
+    <footer class="row py-5">
       <div class={` col-sm-12 mb-3 row justify-content-between`}>
         {
           menus?.map((item) => {

src/components/ImgPro.astro

@@ -18,12 +18,13 @@ const {
   titleHeight,
   pt,
   contentLineHeight,
+  imgMb,
   ...right
 } = Astro.props
 ---
 
 <!-- 图片Pro版 -->
-<div class="box mb-5">
+<div class=`box mb-${imgMb}`>
   <Img listOrData={listOrData} ratio={ratio} />
   <Text
     contentLineHeight={contentLineHeight}

src/components/LeftImgRightText.astro

@@ -7,6 +7,7 @@ const {
   textAlign,
   btnDisplay,
   line = '1',
+  componentsBg,
   ...right
 } = Astro.props
 import Img from '@/components/children/Img.astro'
@@ -14,47 +15,49 @@ import Text from '@/components/children/Text.astro'
 ---
 
 <!-- 左图右文 -->
-<div class="container pb-5">
-  <div class="text-center mt-5" id={componentTitle} style="font-size:48px">
-    {componentTitle}
-  </div>
-  {
-    line == '1' && (
-      <div class={`${textAlign}`}>
-        <div class="text-underline" />
-      </div>
-    )
-  }
-  <div class="row">
+<div class=`${componentsBg}`>
+  <div class="container pb-5">
+    <div class="text-center pt-5" id={componentTitle} style="font-size:48px">
+      {componentTitle}
+    </div>
     {
-      listOrData?.map((item, index) => (
-        <div class="col-sm-12 col-md-12 mt-5">
-          <div class="card border-0">
-            <div
-              class="left-right-card"
-              style={item?.id ? 'cursor: pointer' : ''}
-              data-post={item?.id}
-            >
-              <div class="row g-0">
-                <div class="col-md-6 col-sm-6">
-                  <Img listOrData={item} ratio="3 / 2" />
-                </div>
-                <div class="col-md-6 col-sm-6">
-                  <div class="card-body">
-                    <Text
-                      listOrData={item?.children}
-                      btnDisplay={btnDisplay}
-                      ellipsis="line-ellipsis-large"
-                      {...right}
-                    />
+      line == '1' && (
+        <div class={`${textAlign}`}>
+          <div class="text-underline" />
+        </div>
+      )
+    }
+    <div class="row">
+      {
+        listOrData?.map((item, index) => (
+          <div class="col-sm-12 col-md-12 mt-5">
+            <div class="card border-0">
+              <div
+                class="left-right-card"
+                style={item?.id ? 'cursor: pointer' : ''}
+                data-post={item?.id}
+              >
+                <div class="row g-0">
+                  <div class="col-md-6 col-sm-6">
+                    <Img listOrData={item} ratio="3 / 2" />
+                  </div>
+                  <div class="col-md-6 col-sm-6">
+                    <div class="card-body">
+                      <Text
+                        listOrData={item?.children}
+                        btnDisplay={btnDisplay}
+                        ellipsis="line-ellipsis-large"
+                        {...right}
+                      />
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-      ))
-    }
+        ))
+      }
+    </div>
   </div>
 </div>
 <style>

src/components/LeftMiddleRightImgText.astro

@@ -10,6 +10,7 @@ const {
   btnBottomDisplay,
   bhref,
   titleHeight,
+  componentsBg,
   ...right
 } = Astro.props
 import Img from '@/components/children/Img.astro'
@@ -17,58 +18,60 @@ import Text from '@/components/children/Text.astro'
 ---
 
 <!-- 左中右图文 -->
-<div class="container">
-  <div class="text-center 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">
+<div class=`${componentsBg}`>
+  <div class=`container`>
+    <div class="text-center pt-5" style="font-size:48px" id={componentTitle}>
+      {componentTitle}
+    </div>
     {
-      listOrData?.map((item, index) => (
-        <div class="col-md-4 col-sm-12 mt-5" id={item.id}>
-          <div
-            class="title-img"
-            style={item.id ? 'cursor: pointer' : ''}
-            data-post={item.id}
-          >
-            <div class="card border-0">
-              <div class="card-body p-0 pb-5">
-                <div style="height:auto;overflow:hidden">
-                  <Img
-                    listOrData={item}
-                    ratio="3 / 2"
-                    transformEnlarge="transformEnlarge"
+      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 mt-5" id={item.id}>
+            <div
+              class="title-img"
+              style={item.id ? 'cursor: pointer' : ''}
+              data-post={item.id}
+            >
+              <div class="card border-0">
+                <div class="card-body p-0 pb-5 textEnlargeImg">
+                  <div style="height:auto;overflow:hidden;border-radius: 6px 6px 0 0;">
+                    <Img
+                      listOrData={item}
+                      ratio="3 / 2"
+                      transformEnlarge="transformEnlarge"
+                    />
+                  </div>
+                  <Text
+                    titleHeight={titleHeight}
+                    listOrData={item?.children}
+                    btnDisplay={btnDisplay}
+                    ellipsis="line-ellipsis-small"
+                    {...right}
                   />
                 </div>
-                <Text
-                  titleHeight={titleHeight}
-                  listOrData={item?.children}
-                  btnDisplay={btnDisplay}
-                  ellipsis="line-ellipsis-small"
-                  {...right}
-                />
               </div>
             </div>
           </div>
+        ))
+      }
+    </div>
+    {
+      btnBottomDisplay && (
+        <div class="text-center pb-5">
+          <a class=" a-bottom-link" href={`${bhref}`}>
+            更多新闻资讯
+          </a>
         </div>
-      ))
+      )
     }
   </div>
-  {
-    btnBottomDisplay && (
-      <div class="text-center pb-5">
-        <a class=" a-bottom-link" href={`${bhref}`}>
-          更多新闻资讯
-        </a>
-      </div>
-    )
-  }
 </div>
 <style>
   .text-underline {
@@ -90,6 +93,14 @@ import Text from '@/components/children/Text.astro'
     background-color: #c7000b;
     color: white;
   }
+  .textEnlargeImg .transformEnlarge {
+    transition: transform 1s ease;
+  }
+  .textEnlargeImg:hover .transformEnlarge {
+    transform: scale(1.1);
+    max-width: 100%;
+    max-height: 100%;
+  }
 </style>
 
 <script>

src/components/LeftMiddleRightText.astro

@@ -8,43 +8,46 @@ const {
   textAlign = 'text-center',
   line = '1',
   titleHeight,
+  componentsBg,
   ...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">
+<div class=`${componentsBg}`>
+  <div class="container">
+    <div
+      class=`${titleTextAlign} pt-5`
+      style="font-size:48px"
+      id={componentTitle}
+    >
+      {componentTitle}
+    </div>
     {
-      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>
+      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>
 </div>
 <style>

src/components/VerticalNavigationContent.astro

@@ -7,73 +7,76 @@ const {
   mdSize = '4',
   textAlign = 'text-center',
   titleTextAlign,
+  componentsBg,
   ...right
 } = Astro.props
 ---
 
 <!-- 竖形导航内容 -->
-<div class="container">
-  <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">
-    <div class="row">
-      <div class="col-md-2">
-        <div
-          class="nav flex-column nav-pills me-3 mt-5"
-          id="v-pills-tab"
-          role="tablist"
-          aria-orientation="vertical"
-        >
-          {
-            list?.map((item, index) => (
-              <a
-                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>
-            ))
-          }
+<div class=`${componentsBg}`>
+  <div class="container">
+    <div
+      class={`${titleTextAlign} pt-5`}
+      style="font-size: 48px;"
+      id={componentTitle}
+    >
+      {componentTitle}
+    </div>
+    <div class={`${textAlign}`}><div class="text-underline"></div></div>
+    <div class="pb-5">
+      <div class="row">
+        <div class="col-md-2">
+          <div
+            class="nav flex-column nav-pills me-3 mt-5"
+            id="v-pills-tab"
+            role="tablist"
+            aria-orientation="vertical"
+          >
+            {
+              list?.map((item, index) => (
+                <a
+                  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;background-color: white"
+                >
+                  {item?.tabName}
+                </a>
+              ))
+            }
+          </div>
         </div>
-      </div>
-      <div class="col-md-10">
-        <div class="tab-content" id="v-pills-tabContent">
-          {
-            list?.map((item, index) => (
-              <div
-                class={
-                  index == 0 ? 'tab-pane fade show active' : 'tab-pane fade'
-                }
-                id={`v-pills-${index}`}
-                role="tabpanel"
-                aria-labelledby={`v-pills-${index}-tab`}
-              >
-                <div class="row g-5">
-                  {item?.children?.map((item, index) => (
-                    <div class={`col-md-${mdSize}`} id={index}>
-                      <Children listOrData={item} {...right} />
-                    </div>
-                  ))}
+        <div class="col-md-10 mt-5">
+          <div class="tab-content" id="v-pills-tabContent">
+            {
+              list?.map((item, index) => (
+                <div
+                  class={
+                    index == 0 ? 'tab-pane fade show active' : 'tab-pane fade'
+                  }
+                  id={`v-pills-${index}`}
+                  role="tabpanel"
+                  aria-labelledby={`v-pills-${index}-tab`}
+                >
+                  <div class="row g-5">
+                    {item?.children?.map((item, index) => (
+                      <div class={`col-md-${mdSize}`} id={index}>
+                        <Children listOrData={item} {...right} />
+                      </div>
+                    ))}
+                  </div>
                 </div>
-              </div>
-            ))
-          }
+              ))
+            }
+          </div>
         </div>
       </div>
     </div>
@@ -109,12 +112,12 @@ const {
   }
   .vertical-link.active::before {
     content: '';
-    height: 16px;
+    height: 22px;
     width: '3px';
     position: absolute;
     background-color: #c80510;
     border-left: 2px solid #c80510;
-    top: 15px;
-    left: 0;
+    top: 11px;
+    left: -2px;
   }
 </style>

src/components/children/Carousel.astro

@@ -8,12 +8,13 @@ const {
   titleTextAlign,
   textAlign,
   mdSize,
+  componentsBg,
   ...right
 } = Astro.props
 ---
 
 <!-- 轮播 -->
-<div class="py-5" style="position:relative;">
+<div class=`py-5 ${componentsBg}` style="position:relative;">
   <div class="container">
     <div class={`${titleTextAlign}`} style="font-size:48px" id={componentTitle}>
       {componentTitle}

src/components/children/Text.astro

@@ -20,29 +20,35 @@ const {
   backgroundColor,
   aMb,
   rounded,
+  pLine = 'title-line-ellipsis',
+  isContent = true,
+  pMb,
+  animation,
 } = Astro.props
 ---
 
 <!-- 文本 -->
 <div
-  class=`${position} px-${px} rounded-${rounded}`
+  class=`${position} px-${px} rounded-${rounded} ${animation}`
   style=`top:${top}%!important;background-color:${backgroundColor};`
 >
   <p
-    class=`${textWeight} ${titleColor} mb-0 pt-5 title-line-ellipsis`
+    class=`${textWeight} ${titleColor} mb-0 pt-5 ${pLine} mb-${pMb}`
     style=`font-size:${titleSize}px;height:${titleHeight}em;`
   >
     {listOrData?.title}
   </p>
-  <!-- <p class="fs-4">打造全球首个“岛式”精益智造工厂</p> -->
   {textUnderline && <div class="text-underline" />}
-
-  <p
-    class=`${ellipsis} pt-${pt} p-content`
-    style=`font-size:${childrenSize}px;color:#666;line-height:${contentLineHeight};height:${contentHeight}em;`
-  >
-    {listOrData?.content}
-  </p>
+  {
+    isContent && (
+      <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={`a-link mb-${aMb}`} href={`${href}`}>
@@ -64,6 +70,13 @@ const {
     margin-left: 50px;
     margin-bottom: 1em;
   }
+  .titleLineEllipsis2 {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .title-line-ellipsis {
     display: -webkit-box;
     -webkit-line-clamp: 1;
@@ -113,4 +126,11 @@ const {
     background-color: #c7000b;
     color: white;
   }
+  .animation {
+    border: 1px solid white;
+  }
+  .animation:hover {
+    border: 1px solid #ddd;
+    cursor: pointer;
+  }
 </style>

src/layouts/Layout.astro

@@ -37,7 +37,7 @@ const { title } = Astro.props
         /* height: 100%; */
         margin: 0 !important;
         padding: 0 !important;
-        background-color: #f6f6f6;
+        background-color: white;
         /* background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
           no-repeat; */
       }
@@ -52,7 +52,15 @@ const { title } = Astro.props
         background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
           no-repeat;
       } */
-
+      .bg-even {
+        background: white;
+      }
+      .bg-blue {
+        background: #dee2ea;
+      }
+      .bg-grey {
+        background: #f6f6f6;
+      }
       .bg-l {
         background: #eee;
       }

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

@@ -95,6 +95,7 @@ const imgProData3 = {
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightImgText
     componentTitle="案例统计"
@@ -103,6 +104,7 @@ const imgProData3 = {
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <ImgPro
     listOrData={imgProData2}
@@ -115,6 +117,7 @@ const imgProData3 = {
     titleHeight="2.5"
     contentLineHeight="1.5"
     top="50"
+    imgMb="5"
   />
   <ImgPro
     listOrData={imgProData3}

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

@@ -22,72 +22,68 @@ const text = [
 
 <Layout title="联系我们">
   <NavMenu lang={lang} client:load />
-
-  <div class="container">
-    <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">
-            <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 class="bg-grey">
+    <div class="container">
+      <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">
+              <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 pt-5 g-5">
+        <div class="col-md-5">
+          <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="row justify-content-center pt-5 g-5">
-      <div class="col-md-5">
-        <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">
-        <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 class="col-md-5">
+          <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>
-    </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 class="row justify-content-center mt-5">
+        <div class="col-md-10">
+          <Form lang={lang} />
+        </div>
       </div>
     </div>
   </div>

src/pages/[lang]/index.astro

@@ -207,6 +207,7 @@ const informationList = [
     pt="4"
     px="5"
     contentHeight="19"
+    componentsBg="bg-blue"
   />
 
   <LeftMiddleRightImgText
@@ -216,6 +217,7 @@ const informationList = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightImgText
     componentTitle="最新资讯"
@@ -226,6 +228,7 @@ const informationList = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -171,6 +171,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <Carousel
     componentTitle="相关产品"
@@ -182,6 +183,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-grey"
   />
   <Carousel
     componentTitle="成功案例"
@@ -192,6 +194,7 @@ const list = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={list}
@@ -200,14 +203,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -175,6 +175,7 @@ const verticalNavigationContentList = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -185,6 +186,7 @@ const verticalNavigationContentList = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -196,6 +198,7 @@ const verticalNavigationContentList = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -204,14 +207,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -105,6 +105,7 @@ const list = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <VerticalNavigationContent
     list={list}
@@ -113,14 +114,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -170,6 +170,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <Carousel
     componentTitle="成功案例"
@@ -180,6 +181,7 @@ const list = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightText
     componentTitle="新闻与活动"
@@ -188,6 +190,7 @@ const list = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
+    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={list}
@@ -196,14 +199,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -167,6 +167,7 @@ const list = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <Carousel
     componentTitle="成功案例"
@@ -177,6 +178,7 @@ const list = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-blue"
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -188,6 +190,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-grey"
   />
   <VerticalNavigationContent
     list={list}

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

@@ -164,6 +164,7 @@ const carouselList2 = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightImgText
     componentTitle="场景化解决方案"
@@ -171,6 +172,7 @@ const carouselList2 = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -181,6 +183,7 @@ const carouselList2 = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightImgText
     componentTitle="配套产品"
@@ -188,12 +191,12 @@ const carouselList2 = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <LeftMiddleRightText
     componentTitle="相关资源"
     listOrData={carouselList2}
     btnDisplay={false}
-    titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
     titleSize="20"

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

@@ -184,6 +184,7 @@ const leftImgRightTextData3 = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextData3}
@@ -193,6 +194,7 @@ const leftImgRightTextData3 = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <VerticalNavigationContent
     list={list}
@@ -201,14 +203,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -155,6 +155,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <LeftImgRightText
     listOrData={data}
@@ -164,6 +165,7 @@ const list = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightImgText
     componentTitle="”四情“监测系统"
@@ -171,6 +173,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={list}
@@ -179,14 +182,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -164,19 +164,16 @@ const list = [
     tabName: '智慧安防',
     children: [
       {
-        title: '安全监视',
-        content:
-          '实时显示监控视频画面，支持按条件和点位筛选查看，支持查看历史监控录像。',
+        title:
+          '安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视',
       },
       {
-        title: '智能监测',
-        content:
-          '综合运用先进的传感技术、视频监控系统和智能分析算法，实现对区域入侵、火警风险等场景进行智能监测。',
+        title:
+          '智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测',
       },
       {
-        title: '日常巡检',
-        content:
-          '利用智慧管理平台和智能监控算法，实现系统电子巡更、人员智能巡检，减少并消除楼宇存在的安全隐患。',
+        title:
+          '日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检',
       },
     ],
   },
@@ -185,19 +182,13 @@ const list = [
     tabName: '车辆违停管理',
     children: [
       {
-        title: '电动车入楼检测',
-        content:
-          '电动车进入单元门时，利用深度学习算法对其进行电动车智能检测识别。',
+        title: '电动车入楼检测电动车入楼检测',
       },
       {
-        title: '声光警戒',
-        content:
-          '当监控检测到电动车时，会联动本地声光报警，并通过语音对违规者进行提醒，直到电动车出单元门，报警解除。',
+        title: '声光警戒声光警戒',
       },
       {
-        title: '平台弹窗报警',
-        content:
-          '报警信息联动平台进行弹窗报警提示，值班人员可进行现场视频查看和远程喊话提醒。',
+        title: '平台弹窗报警平台弹窗报警',
       },
     ],
   },
@@ -227,6 +218,7 @@ const list = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightImgText
     componentTitle="智能识别便捷通行"
@@ -235,6 +227,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <LeftMiddleRightText
     componentTitle="访客授权快捷登记"
@@ -245,6 +238,7 @@ const list = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightText
     componentTitle="通行记录线上管理"
@@ -255,6 +249,7 @@ const list = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
+    componentsBg="bg-blue"
   />
   <ImgPro
     listOrData={imgProData2}
@@ -276,6 +271,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-grey"
   />
   <ImgPro
     titleHeight="2.5"
@@ -298,14 +294,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -166,6 +166,7 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <LeftMiddleRightText
     componentTitle="客户需求程度"
@@ -176,6 +177,7 @@ const list = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
+    componentsBg="bg-grey"
   />
   <VerticalNavigationContent
     list={list}
@@ -184,14 +186,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -202,6 +202,7 @@ const informationList2 = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <Carousel
     titleHeight="3.2"
@@ -214,6 +215,7 @@ const informationList2 = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <LeftMiddleRightImgText
     componentTitle="界面设计与用户体验"
@@ -222,6 +224,7 @@ const informationList2 = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={list}
@@ -230,14 +233,17 @@ 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"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -91,6 +91,7 @@ const verticalNavigationContentList = [
     titleHeight="'3.2"
     pt="4"
     px="5"
+    componentsBg="bg-grey"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
@@ -100,6 +101,7 @@ const verticalNavigationContentList = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}

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

@@ -91,6 +91,7 @@ const verticalNavigationContentList = [
     titleHeight="3.2"
     ellipsis="line-ellipsis-small"
     pt="4"
+    componentsBg="bg-grey"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}

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

@@ -127,6 +127,7 @@ const verticalNavigationContentList = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-grey"
   />
   <Carousel
     componentTitle="成功案例"
@@ -139,6 +140,7 @@ const verticalNavigationContentList = [
     px="5"
     pt="4"
     contentHeight="19"
+    componentsBg="bg-blue"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}