f

src/components/LeftMiddleRightImgText.astro

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

src/components/children/Text.astro

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

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

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

src/pages/[lang]/index.astro

@@ -209,8 +209,11 @@ const informationList = [
     titleSize="34"
     pt="4"
     px="5"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-blue"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
 
   <LeftMiddleRightImgText
@@ -221,6 +224,7 @@ const informationList = [
     pt="4"
     px="5"
     componentsBg="bg-grey"
+    subPmb="5"
   />
   <LeftMiddleRightImgText
     componentTitle="最新资讯"
@@ -240,7 +244,7 @@ const informationList = [
         <MediaCard
           link="http://www.baidu.com"
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
           more
         />
@@ -248,21 +252,21 @@ const informationList = [
       <div class="col-md-4 col-sm-12 mt-4">
         <MediaCard
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
         />
       </div>
       <div class="col-md-4 col-sm-12 mt-4">
         <MediaCard
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
         />
       </div>
       <div class="col-md-4 col-sm-12 mt-md-5 mt-4">
         <MediaCard
           thumb="https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg"
-          title='因聚而生 数智有为”华为举办中国合作伙伴大会2024'
+          title="因聚而生 数智有为”华为举办中国合作伙伴大会2024"
           subTitle="华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘"
         />
       </div>

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

@@ -172,6 +172,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <Carousel
     componentTitle="相关产品"
@@ -184,6 +185,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-grey"
+    subPmb="5"
   />
   <Carousel
     componentTitle="成功案例"
@@ -193,8 +195,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-blue"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <VerticalNavigationContent
     list={list}
@@ -206,7 +211,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"

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

@@ -176,6 +176,7 @@ const verticalNavigationContentList = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -185,8 +186,11 @@ const verticalNavigationContentList = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -199,6 +203,7 @@ const verticalNavigationContentList = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -210,7 +215,7 @@ const verticalNavigationContentList = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"

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

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

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

@@ -171,6 +171,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <Carousel
     componentTitle="成功案例"
@@ -180,8 +181,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftMiddleRightText
     componentTitle="新闻与活动"
@@ -202,7 +206,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"

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

@@ -166,8 +166,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <Carousel
     componentTitle="成功案例"
@@ -177,8 +180,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-blue"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -191,6 +197,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-grey"
+    subPmb="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -199,14 +206,17 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -163,8 +163,11 @@ const carouselList2 = [
     titleSize="34"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftMiddleRightImgText
     componentTitle="场景化解决方案"
@@ -173,6 +176,7 @@ const carouselList2 = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <Carousel
     componentTitle="我们如何帮助客户成功"
@@ -182,8 +186,11 @@ const carouselList2 = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftMiddleRightImgText
     componentTitle="配套产品"
@@ -192,6 +199,7 @@ const carouselList2 = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <LeftMiddleRightText
     componentTitle="相关资源"

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

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

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

@@ -156,6 +156,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <LeftImgRightText
     listOrData={data}
@@ -164,8 +165,11 @@ const list = [
     titleSize="34"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftMiddleRightImgText
     componentTitle="”四情“监测系统"
@@ -174,6 +178,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -185,7 +190,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"

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

@@ -228,6 +228,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <LeftMiddleRightText
     componentTitle="访客授权快捷登记"
@@ -272,6 +273,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-grey"
+    subPmb="5"
   />
   <ImgPro
     titleHeight="2.5"
@@ -297,7 +299,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"
@@ -305,6 +307,8 @@ const list = [
     isContent={false}
     pMb="3"
     animation="animation"
+    btnDisplay={false}
+    btn2={true}
   />
   <Footer lang={lang} />
 </Layout>

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

@@ -167,6 +167,7 @@ const list = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <LeftMiddleRightText
     componentTitle="客户需求程度"
@@ -189,7 +190,7 @@ const list = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"

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

@@ -203,6 +203,7 @@ const informationList2 = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <Carousel
     titleHeight="3.2"
@@ -214,8 +215,11 @@ const informationList2 = [
     titleTextAlign="text-center"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-grey"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <LeftMiddleRightImgText
     componentTitle="界面设计与用户体验"
@@ -225,6 +229,7 @@ const informationList2 = [
     pt="4"
     px="5"
     componentsBg="bg-blue"
+    subPmb="5"
   />
   <VerticalNavigationContent
     list={list}
@@ -236,7 +241,7 @@ const informationList2 = [
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
     titleHeight="5.4"

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

@@ -92,6 +92,7 @@ const verticalNavigationContentList = [
     pt="4"
     px="5"
     componentsBg="bg-grey"
+    subPmb="5"
   />
   <LeftImgRightText
     listOrData={leftImgRightTextList}
@@ -100,8 +101,11 @@ const verticalNavigationContentList = [
     titleHeight="'3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
     componentsBg="bg-blue"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
   />
   <VerticalNavigationContent
     list={verticalNavigationContentList}
@@ -110,14 +114,17 @@ const verticalNavigationContentList = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="'3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

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

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

@@ -173,7 +173,11 @@ const list = [
     titleHeight="3.2"
     px="5"
     pt="4"
-    contentHeight="19"
+    contentHeight="17"
+    subPmb="5"
+    btnDisplay={false}
+    btn2={true}
+    componentsBg="bg-grey"
   />
   <Carousel
     componentTitle="新闻与活动"
@@ -185,6 +189,8 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    subPmb="5"
+    componentsBg="bg-blue"
   />
   <LeftMiddleRightImgText
     componentTitle="选择适合您的产品"
@@ -192,6 +198,8 @@ const list = [
     titleHeight="3.2"
     pt="4"
     px="5"
+    subPmb="5"
+    componentsBg="bg-grey"
   />
   <VerticalNavigationContent
     list={list}
@@ -200,14 +208,17 @@ const list = [
     componentTitle="相关资源"
     titleTextAlign="text-left"
     textAlign="text-left"
-    titleHeight="3.2"
     pt="4"
     px="5"
     backgroundColor="#eee"
-    aMb="5"
+    textP="5"
     rounded="3"
     titleSize="20"
-    titleHeight="4"
+    titleHeight="5.4"
+    pLine="titleLineEllipsis2"
+    isContent={false}
+    pMb="3"
+    animation="animation"
   />
   <Footer lang={lang} />
 </Layout>

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

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