fangmingyue 1 年之前
父節點
當前提交
52162da738
共有 26 個文件被更改,包括 389 次插入283 次删除
  1. 2
    2
      src/components/Footer.astro
  2. 2
    1
      src/components/ImgPro.astro
  3. 38
    35
      src/components/LeftImgRightText.astro
  4. 54
    43
      src/components/LeftMiddleRightImgText.astro
  5. 31
    28
      src/components/LeftMiddleRightText.astro
  6. 66
    63
      src/components/VerticalNavigationContent.astro
  7. 2
    1
      src/components/children/Carousel.astro
  8. 30
    10
      src/components/children/Text.astro
  9. 10
    2
      src/layouts/Layout.astro
  10. 3
    0
      src/pages/[lang]/about/index.astro
  11. 57
    61
      src/pages/[lang]/concat-us/index.astro
  12. 3
    0
      src/pages/[lang]/index.astro
  13. 8
    2
      src/pages/[lang]/products-solutions/gov-ent-health/bank/custom/index.astro
  14. 8
    2
      src/pages/[lang]/products-solutions/gov-ent-health/bank/index.astro
  15. 6
    2
      src/pages/[lang]/products-solutions/gov-ent-health/gov/civilized-city/index.astro
  16. 8
    2
      src/pages/[lang]/products-solutions/gov-ent-health/gov/index.astro
  17. 3
    0
      src/pages/[lang]/products-solutions/gov-ent-health/healthcare/index.astro
  18. 4
    1
      src/pages/[lang]/products-solutions/industrial-internet/erp/index.astro
  19. 7
    2
      src/pages/[lang]/products-solutions/industrial-internet/mes/index.astro
  20. 8
    2
      src/pages/[lang]/products-solutions/lot/agriculture/index.astro
  21. 19
    20
      src/pages/[lang]/products-solutions/lot/building/index.astro
  22. 7
    2
      src/pages/[lang]/products-solutions/lot/community/index.astro
  23. 8
    2
      src/pages/[lang]/products-solutions/lot/exhibition-all/index.astro
  24. 2
    0
      src/pages/[lang]/products-solutions/others/crm/index.astro
  25. 1
    0
      src/pages/[lang]/products-solutions/others/eshop/index.astro
  26. 2
    0
      src/pages/[lang]/products-solutions/others/shigongli/index.astro

+ 2
- 2
src/components/Footer.astro 查看文件

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

+ 2
- 1
src/components/ImgPro.astro 查看文件

@@ -18,12 +18,13 @@ const {
18 18
   titleHeight,
19 19
   pt,
20 20
   contentLineHeight,
21
+  imgMb,
21 22
   ...right
22 23
 } = Astro.props
23 24
 ---
24 25
 
25 26
 <!-- 图片Pro版 -->
26
-<div class="box mb-5">
27
+<div class=`box mb-${imgMb}`>
27 28
   <Img listOrData={listOrData} ratio={ratio} />
28 29
   <Text
29 30
     contentLineHeight={contentLineHeight}

+ 38
- 35
src/components/LeftImgRightText.astro 查看文件

@@ -7,6 +7,7 @@ const {
7 7
   textAlign,
8 8
   btnDisplay,
9 9
   line = '1',
10
+  componentsBg,
10 11
   ...right
11 12
 } = Astro.props
12 13
 import Img from '@/components/children/Img.astro'
@@ -14,47 +15,49 @@ import Text from '@/components/children/Text.astro'
14 15
 ---
15 16
 
16 17
 <!-- 左图右文 -->
17
-<div class="container pb-5">
18
-  <div class="text-center mt-5" id={componentTitle} style="font-size:48px">
19
-    {componentTitle}
20
-  </div>
21
-  {
22
-    line == '1' && (
23
-      <div class={`${textAlign}`}>
24
-        <div class="text-underline" />
25
-      </div>
26
-    )
27
-  }
28
-  <div class="row">
18
+<div class=`${componentsBg}`>
19
+  <div class="container pb-5">
20
+    <div class="text-center pt-5" id={componentTitle} style="font-size:48px">
21
+      {componentTitle}
22
+    </div>
29 23
     {
30
-      listOrData?.map((item, index) => (
31
-        <div class="col-sm-12 col-md-12 mt-5">
32
-          <div class="card border-0">
33
-            <div
34
-              class="left-right-card"
35
-              style={item?.id ? 'cursor: pointer' : ''}
36
-              data-post={item?.id}
37
-            >
38
-              <div class="row g-0">
39
-                <div class="col-md-6 col-sm-6">
40
-                  <Img listOrData={item} ratio="3 / 2" />
41
-                </div>
42
-                <div class="col-md-6 col-sm-6">
43
-                  <div class="card-body">
44
-                    <Text
45
-                      listOrData={item?.children}
46
-                      btnDisplay={btnDisplay}
47
-                      ellipsis="line-ellipsis-large"
48
-                      {...right}
49
-                    />
24
+      line == '1' && (
25
+        <div class={`${textAlign}`}>
26
+          <div class="text-underline" />
27
+        </div>
28
+      )
29
+    }
30
+    <div class="row">
31
+      {
32
+        listOrData?.map((item, index) => (
33
+          <div class="col-sm-12 col-md-12 mt-5">
34
+            <div class="card border-0">
35
+              <div
36
+                class="left-right-card"
37
+                style={item?.id ? 'cursor: pointer' : ''}
38
+                data-post={item?.id}
39
+              >
40
+                <div class="row g-0">
41
+                  <div class="col-md-6 col-sm-6">
42
+                    <Img listOrData={item} ratio="3 / 2" />
43
+                  </div>
44
+                  <div class="col-md-6 col-sm-6">
45
+                    <div class="card-body">
46
+                      <Text
47
+                        listOrData={item?.children}
48
+                        btnDisplay={btnDisplay}
49
+                        ellipsis="line-ellipsis-large"
50
+                        {...right}
51
+                      />
52
+                    </div>
50 53
                   </div>
51 54
                 </div>
52 55
               </div>
53 56
             </div>
54 57
           </div>
55
-        </div>
56
-      ))
57
-    }
58
+        ))
59
+      }
60
+    </div>
58 61
   </div>
59 62
 </div>
60 63
 <style>

+ 54
- 43
src/components/LeftMiddleRightImgText.astro 查看文件

@@ -10,6 +10,7 @@ const {
10 10
   btnBottomDisplay,
11 11
   bhref,
12 12
   titleHeight,
13
+  componentsBg,
13 14
   ...right
14 15
 } = Astro.props
15 16
 import Img from '@/components/children/Img.astro'
@@ -17,58 +18,60 @@ import Text from '@/components/children/Text.astro'
17 18
 ---
18 19
 
19 20
 <!-- 左中右图文 -->
20
-<div class="container">
21
-  <div class="text-center mt-5" style="font-size:48px" id={componentTitle}>
22
-    {componentTitle}
23
-  </div>
24
-  {
25
-    line == '1' && (
26
-      <div class={`${textAlign}`}>
27
-        <div class="text-underline" />
28
-      </div>
29
-    )
30
-  }
31
-  <div class="row row-cols-md-3 row-cols-sm-1 pb-5 gx-5">
21
+<div class=`${componentsBg}`>
22
+  <div class=`container`>
23
+    <div class="text-center pt-5" style="font-size:48px" id={componentTitle}>
24
+      {componentTitle}
25
+    </div>
32 26
     {
33
-      listOrData?.map((item, index) => (
34
-        <div class="col-md-4 col-sm-12 mt-5" id={item.id}>
35
-          <div
36
-            class="title-img"
37
-            style={item.id ? 'cursor: pointer' : ''}
38
-            data-post={item.id}
39
-          >
40
-            <div class="card border-0">
41
-              <div class="card-body p-0 pb-5">
42
-                <div style="height:auto;overflow:hidden">
43
-                  <Img
44
-                    listOrData={item}
45
-                    ratio="3 / 2"
46
-                    transformEnlarge="transformEnlarge"
27
+      line == '1' && (
28
+        <div class={`${textAlign}`}>
29
+          <div class="text-underline" />
30
+        </div>
31
+      )
32
+    }
33
+    <div class="row row-cols-md-3 row-cols-sm-1 pb-5 gx-5">
34
+      {
35
+        listOrData?.map((item, index) => (
36
+          <div class="col-md-4 col-sm-12 mt-5" id={item.id}>
37
+            <div
38
+              class="title-img"
39
+              style={item.id ? 'cursor: pointer' : ''}
40
+              data-post={item.id}
41
+            >
42
+              <div class="card border-0">
43
+                <div class="card-body p-0 pb-5 textEnlargeImg">
44
+                  <div style="height:auto;overflow:hidden;border-radius: 6px 6px 0 0;">
45
+                    <Img
46
+                      listOrData={item}
47
+                      ratio="3 / 2"
48
+                      transformEnlarge="transformEnlarge"
49
+                    />
50
+                  </div>
51
+                  <Text
52
+                    titleHeight={titleHeight}
53
+                    listOrData={item?.children}
54
+                    btnDisplay={btnDisplay}
55
+                    ellipsis="line-ellipsis-small"
56
+                    {...right}
47 57
                   />
48 58
                 </div>
49
-                <Text
50
-                  titleHeight={titleHeight}
51
-                  listOrData={item?.children}
52
-                  btnDisplay={btnDisplay}
53
-                  ellipsis="line-ellipsis-small"
54
-                  {...right}
55
-                />
56 59
               </div>
57 60
             </div>
58 61
           </div>
62
+        ))
63
+      }
64
+    </div>
65
+    {
66
+      btnBottomDisplay && (
67
+        <div class="text-center pb-5">
68
+          <a class=" a-bottom-link" href={`${bhref}`}>
69
+            更多新闻资讯
70
+          </a>
59 71
         </div>
60
-      ))
72
+      )
61 73
     }
62 74
   </div>
63
-  {
64
-    btnBottomDisplay && (
65
-      <div class="text-center pb-5">
66
-        <a class=" a-bottom-link" href={`${bhref}`}>
67
-          更多新闻资讯
68
-        </a>
69
-      </div>
70
-    )
71
-  }
72 75
 </div>
73 76
 <style>
74 77
   .text-underline {
@@ -90,6 +93,14 @@ import Text from '@/components/children/Text.astro'
90 93
     background-color: #c7000b;
91 94
     color: white;
92 95
   }
96
+  .textEnlargeImg .transformEnlarge {
97
+    transition: transform 1s ease;
98
+  }
99
+  .textEnlargeImg:hover .transformEnlarge {
100
+    transform: scale(1.1);
101
+    max-width: 100%;
102
+    max-height: 100%;
103
+  }
93 104
 </style>
94 105
 
95 106
 <script>

+ 31
- 28
src/components/LeftMiddleRightText.astro 查看文件

@@ -8,43 +8,46 @@ const {
8 8
   textAlign = 'text-center',
9 9
   line = '1',
10 10
   titleHeight,
11
+  componentsBg,
11 12
   ...right
12 13
 } = Astro.props
13 14
 
14 15
 import Text from '@/components/children/Text.astro'
15 16
 ---
16 17
 
17
-<div class="container">
18
-  <div
19
-    class=`${titleTextAlign} mt-5`
20
-    style="font-size:48px"
21
-    id={componentTitle}
22
-  >
23
-    {componentTitle}
24
-  </div>
25
-  {
26
-    line == '1' && (
27
-      <div class={`${textAlign}`}>
28
-        <div class="text-underline" />
29
-      </div>
30
-    )
31
-  }
32
-  <div class="row row-cols-md-3 row-cols-sm-1 pb-5 gx-5">
18
+<div class=`${componentsBg}`>
19
+  <div class="container">
20
+    <div
21
+      class=`${titleTextAlign} pt-5`
22
+      style="font-size:48px"
23
+      id={componentTitle}
24
+    >
25
+      {componentTitle}
26
+    </div>
33 27
     {
34
-      listOrData?.map((item, index) => (
35
-        <div class="col-md-4 col-sm-12" id={item.id}>
36
-          <div class="title-img" data-post={item.id}>
37
-            <Text
38
-              titleHeight={titleHeight}
39
-              listOrData={item?.children}
40
-              btnDisplay={btnDisplay}
41
-              ellipsis="line-ellipsis-small"
42
-              {...right}
43
-            />
44
-          </div>
28
+      line == '1' && (
29
+        <div class={`${textAlign}`}>
30
+          <div class="text-underline" />
45 31
         </div>
46
-      ))
32
+      )
47 33
     }
34
+    <div class="row row-cols-md-3 row-cols-sm-1 pb-5 gx-5">
35
+      {
36
+        listOrData?.map((item, index) => (
37
+          <div class="col-md-4 col-sm-12" id={item.id}>
38
+            <div class="title-img" data-post={item.id}>
39
+              <Text
40
+                titleHeight={titleHeight}
41
+                listOrData={item?.children}
42
+                btnDisplay={btnDisplay}
43
+                ellipsis="line-ellipsis-small"
44
+                {...right}
45
+              />
46
+            </div>
47
+          </div>
48
+        ))
49
+      }
50
+    </div>
48 51
   </div>
49 52
 </div>
50 53
 <style>

+ 66
- 63
src/components/VerticalNavigationContent.astro 查看文件

@@ -7,73 +7,76 @@ const {
7 7
   mdSize = '4',
8 8
   textAlign = 'text-center',
9 9
   titleTextAlign,
10
+  componentsBg,
10 11
   ...right
11 12
 } = Astro.props
12 13
 ---
13 14
 
14 15
 <!-- 竖形导航内容 -->
15
-<div class="container">
16
-  <div
17
-    class={`${titleTextAlign} mt-5`}
18
-    style="font-size: 48px;"
19
-    id={componentTitle}
20
-  >
21
-    {componentTitle}
22
-  </div>
23
-  <div class={`${textAlign}`}><div class="text-underline"></div></div>
24
-  <div class="d-flex align-items-start">
25
-    <div class="row">
26
-      <div class="col-md-2">
27
-        <div
28
-          class="nav flex-column nav-pills me-3 mt-5"
29
-          id="v-pills-tab"
30
-          role="tablist"
31
-          aria-orientation="vertical"
32
-        >
33
-          {
34
-            list?.map((item, index) => (
35
-              <a
36
-                class={
37
-                  index == 0
38
-                    ? 'nav-link active rounded-0 vertical-a vertical-link'
39
-                    : 'nav-link rounded-0 vertical-a vertical-link'
40
-                }
41
-                id={`v-pills-${index}-tab`}
42
-                data-bs-toggle="pill"
43
-                href={`#v-pills-${index}`}
44
-                role="tab"
45
-                aria-controls={`v-pills-${index}`}
46
-                aria-selected={index == 0 ? 'true' : 'false'}
47
-                style="height: 66px;"
48
-              >
49
-                {item?.tabName}
50
-              </a>
51
-            ))
52
-          }
16
+<div class=`${componentsBg}`>
17
+  <div class="container">
18
+    <div
19
+      class={`${titleTextAlign} pt-5`}
20
+      style="font-size: 48px;"
21
+      id={componentTitle}
22
+    >
23
+      {componentTitle}
24
+    </div>
25
+    <div class={`${textAlign}`}><div class="text-underline"></div></div>
26
+    <div class="pb-5">
27
+      <div class="row">
28
+        <div class="col-md-2">
29
+          <div
30
+            class="nav flex-column nav-pills me-3 mt-5"
31
+            id="v-pills-tab"
32
+            role="tablist"
33
+            aria-orientation="vertical"
34
+          >
35
+            {
36
+              list?.map((item, index) => (
37
+                <a
38
+                  class={
39
+                    index == 0
40
+                      ? 'nav-link active rounded-0 vertical-a vertical-link'
41
+                      : 'nav-link rounded-0 vertical-a vertical-link'
42
+                  }
43
+                  id={`v-pills-${index}-tab`}
44
+                  data-bs-toggle="pill"
45
+                  href={`#v-pills-${index}`}
46
+                  role="tab"
47
+                  aria-controls={`v-pills-${index}`}
48
+                  aria-selected={index == 0 ? 'true' : 'false'}
49
+                  style="height: 66px;background-color: white"
50
+                >
51
+                  {item?.tabName}
52
+                </a>
53
+              ))
54
+            }
55
+          </div>
53 56
         </div>
54
-      </div>
55
-      <div class="col-md-10">
56
-        <div class="tab-content" id="v-pills-tabContent">
57
-          {
58
-            list?.map((item, index) => (
59
-              <div
60
-                class={
61
-                  index == 0 ? 'tab-pane fade show active' : 'tab-pane fade'
62
-                }
63
-                id={`v-pills-${index}`}
64
-                role="tabpanel"
65
-                aria-labelledby={`v-pills-${index}-tab`}
66
-              >
67
-                <div class="row g-5">
68
-                  {item?.children?.map((item, index) => (
69
-                    <div class={`col-md-${mdSize}`} id={index}>
70
-                      <Children listOrData={item} {...right} />
71
-                    </div>
72
-                  ))}
57
+        <div class="col-md-10 mt-5">
58
+          <div class="tab-content" id="v-pills-tabContent">
59
+            {
60
+              list?.map((item, index) => (
61
+                <div
62
+                  class={
63
+                    index == 0 ? 'tab-pane fade show active' : 'tab-pane fade'
64
+                  }
65
+                  id={`v-pills-${index}`}
66
+                  role="tabpanel"
67
+                  aria-labelledby={`v-pills-${index}-tab`}
68
+                >
69
+                  <div class="row g-5">
70
+                    {item?.children?.map((item, index) => (
71
+                      <div class={`col-md-${mdSize}`} id={index}>
72
+                        <Children listOrData={item} {...right} />
73
+                      </div>
74
+                    ))}
75
+                  </div>
73 76
                 </div>
74
-              </div>
75
-            ))
76
-          }
77
+              ))
78
+            }
79
+          </div>
77 80
         </div>
78 81
       </div>
79 82
     </div>
@@ -109,12 +112,12 @@ const {
109 112
   }
110 113
   .vertical-link.active::before {
111 114
     content: '';
112
-    height: 16px;
115
+    height: 22px;
113 116
     width: '3px';
114 117
     position: absolute;
115 118
     background-color: #c80510;
116 119
     border-left: 2px solid #c80510;
117
-    top: 15px;
118
-    left: 0;
120
+    top: 11px;
121
+    left: -2px;
119 122
   }
120 123
 </style>

+ 2
- 1
src/components/children/Carousel.astro 查看文件

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

+ 30
- 10
src/components/children/Text.astro 查看文件

@@ -20,29 +20,35 @@ const {
20 20
   backgroundColor,
21 21
   aMb,
22 22
   rounded,
23
+  pLine = 'title-line-ellipsis',
24
+  isContent = true,
25
+  pMb,
26
+  animation,
23 27
 } = Astro.props
24 28
 ---
25 29
 
26 30
 <!-- 文本 -->
27 31
 <div
28
-  class=`${position} px-${px} rounded-${rounded}`
32
+  class=`${position} px-${px} rounded-${rounded} ${animation}`
29 33
   style=`top:${top}%!important;background-color:${backgroundColor};`
30 34
 >
31 35
   <p
32
-    class=`${textWeight} ${titleColor} mb-0 pt-5 title-line-ellipsis`
36
+    class=`${textWeight} ${titleColor} mb-0 pt-5 ${pLine} mb-${pMb}`
33 37
     style=`font-size:${titleSize}px;height:${titleHeight}em;`
34 38
   >
35 39
     {listOrData?.title}
36 40
   </p>
37
-  <!-- <p class="fs-4">打造全球首个“岛式”精益智造工厂</p> -->
38 41
   {textUnderline && <div class="text-underline" />}
39
-
40
-  <p
41
-    class=`${ellipsis} pt-${pt} p-content`
42
-    style=`font-size:${childrenSize}px;color:#666;line-height:${contentLineHeight};height:${contentHeight}em;`
43
-  >
44
-    {listOrData?.content}
45
-  </p>
42
+  {
43
+    isContent && (
44
+      <p
45
+        class={`${ellipsis} pt-${pt} p-content`}
46
+        style={`font-size:${childrenSize}px;color:#666;line-height:${contentLineHeight};height:${contentHeight}em;`}
47
+      >
48
+        {listOrData?.content}
49
+      </p>
50
+    )
51
+  }
46 52
   {
47 53
     btnDisplay && (
48 54
       <a class={`a-link mb-${aMb}`} href={`${href}`}>
@@ -64,6 +70,13 @@ const {
64 70
     margin-left: 50px;
65 71
     margin-bottom: 1em;
66 72
   }
73
+  .titleLineEllipsis2 {
74
+    display: -webkit-box;
75
+    -webkit-line-clamp: 2;
76
+    -webkit-box-orient: vertical;
77
+    overflow: hidden;
78
+    text-overflow: ellipsis;
79
+  }
67 80
   .title-line-ellipsis {
68 81
     display: -webkit-box;
69 82
     -webkit-line-clamp: 1;
@@ -113,4 +126,11 @@ const {
113 126
     background-color: #c7000b;
114 127
     color: white;
115 128
   }
129
+  .animation {
130
+    border: 1px solid white;
131
+  }
132
+  .animation:hover {
133
+    border: 1px solid #ddd;
134
+    cursor: pointer;
135
+  }
116 136
 </style>

+ 10
- 2
src/layouts/Layout.astro 查看文件

@@ -37,7 +37,7 @@ const { title } = Astro.props
37 37
         /* height: 100%; */
38 38
         margin: 0 !important;
39 39
         padding: 0 !important;
40
-        background-color: #f6f6f6;
40
+        background-color: white;
41 41
         /* background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
42 42
           no-repeat; */
43 43
       }
@@ -52,7 +52,15 @@ const { title } = Astro.props
52 52
         background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
53 53
           no-repeat;
54 54
       } */
55
-
55
+      .bg-even {
56
+        background: white;
57
+      }
58
+      .bg-blue {
59
+        background: #dee2ea;
60
+      }
61
+      .bg-grey {
62
+        background: #f6f6f6;
63
+      }
56 64
       .bg-l {
57 65
         background: #eee;
58 66
       }

+ 3
- 0
src/pages/[lang]/about/index.astro 查看文件

@@ -95,6 +95,7 @@ const imgProData3 = {
95 95
     px="5"
96 96
     pt="4"
97 97
     contentHeight="19"
98
+    componentsBg="bg-grey"
98 99
   />
99 100
   <LeftMiddleRightImgText
100 101
     componentTitle="案例统计"
@@ -103,6 +104,7 @@ const imgProData3 = {
103 104
     titleHeight="3.2"
104 105
     pt="4"
105 106
     px="5"
107
+    componentsBg="bg-blue"
106 108
   />
107 109
   <ImgPro
108 110
     listOrData={imgProData2}
@@ -115,6 +117,7 @@ const imgProData3 = {
115 117
     titleHeight="2.5"
116 118
     contentLineHeight="1.5"
117 119
     top="50"
120
+    imgMb="5"
118 121
   />
119 122
   <ImgPro
120 123
     listOrData={imgProData3}

+ 57
- 61
src/pages/[lang]/concat-us/index.astro 查看文件

@@ -22,72 +22,68 @@ const text = [
22 22
 
23 23
 <Layout title="联系我们">
24 24
   <NavMenu lang={lang} client:load />
25
-
26
-  <div class="container">
27
-    <div
28
-      class="fw-bold text-center pt-5 mb-5"
29
-      style="margin-top:72px;font-size:42px;"
30
-    >
31
-      联系我们
32
-    </div>
33
-    <div class="row justify-content-center g-5">
34
-      {
35
-        text.map((item, index) => (
36
-          <div class="col-md-5">
37
-            <div class="card border-0 ps-4 pb-4">
38
-              <Text
39
-                textWeight="fw-bold"
40
-                titleSize="24"
41
-                ellipsis="line-ellipsis-small"
42
-                titleHeight="'3.2"
43
-                listOrData={item}
44
-                btnDisplay={false}
45
-              />
25
+  <div class="bg-grey">
26
+    <div class="container">
27
+      <div
28
+        class="fw-bold text-center pt-5 mb-5"
29
+        style="margin-top:72px;font-size:42px;"
30
+      >
31
+        联系我们
32
+      </div>
33
+      <div class="row justify-content-center g-5">
34
+        {
35
+          text.map((item, index) => (
36
+            <div class="col-md-5">
37
+              <div class="card border-0 ps-4 pb-4">
38
+                <Text
39
+                  textWeight="fw-bold"
40
+                  titleSize="24"
41
+                  ellipsis="line-ellipsis-small"
42
+                  titleHeight="'3.2"
43
+                  listOrData={item}
44
+                  btnDisplay={false}
45
+                />
46
+              </div>
46 47
             </div>
48
+          ))
49
+        }
50
+      </div>
51
+      <div class="row justify-content-center pt-5 g-5">
52
+        <div class="col-md-5">
53
+          <div class="card border-0 p-5">
54
+            <p
55
+              class="mb-0 title-line-ellipsis"
56
+              style="font-size:24px;font-weight:bold;"
57
+            >
58
+              联系人
59
+            </p>
60
+            <p class="pt-1 text-secondary">服务热线:13770665717(胡先生)</p>
61
+            <img
62
+              src="http://njyz.tech/assets/img/hu_qr.png"
63
+              style="width:22vw;height:22vw;"
64
+              class="q-r-code"
65
+            />
47 66
           </div>
48
-        ))
49
-      }
50
-    </div>
51
-    <div class="row justify-content-center pt-5 g-5">
52
-      <div class="col-md-5">
53
-        <div class="card border-0 p-5">
54
-          <p
55
-            class="mb-0 title-line-ellipsis"
56
-            style="font-size:24px;font-weight:bold;"
57
-          >
58
-            联系人
59
-          </p>
60
-          <p class="pt-1 text-secondary">服务热线:13770665717(胡先生)</p>
61
-          <img
62
-            src="http://njyz.tech/assets/img/hu_qr.png"
63
-            style="width:22vw;height:22vw;"
64
-            class="q-r-code"
65
-          />
66 67
         </div>
67
-      </div>
68
-      <div class="col-md-5">
69
-        <div class="card border-0 p-5">
70
-          <p
71
-            class="mb-0 title-line-ellipsis"
72
-            style="font-size:24px;font-weight:bold;"
73
-          >
74
-            地址
75
-          </p>
76
-          <p class="pt-1 text-secondary">
77
-            南京市栖霞区绿地万科云都会售楼处北50米(石狮路西)
78
-          </p>
79
-          <Map />
68
+        <div class="col-md-5">
69
+          <div class="card border-0 p-5">
70
+            <p
71
+              class="mb-0 title-line-ellipsis"
72
+              style="font-size:24px;font-weight:bold;"
73
+            >
74
+              地址
75
+            </p>
76
+            <p class="pt-1 text-secondary">
77
+              南京市栖霞区绿地万科云都会售楼处北50米(石狮路西)
78
+            </p>
79
+            <Map />
80
+          </div>
80 81
         </div>
81 82
       </div>
82
-    </div>
83
-    <!-- <div class="row justify-content-center pt-5 g-5">
84
-      <div class="col-md-10">
85
-        
86
-      </div>
87
-    </div> -->
88
-    <div class="row justify-content-center my-5">
89
-      <div class="col-md-10">
90
-        <Form lang={lang} />
83
+      <div class="row justify-content-center mt-5">
84
+        <div class="col-md-10">
85
+          <Form lang={lang} />
86
+        </div>
91 87
       </div>
92 88
     </div>
93 89
   </div>

+ 3
- 0
src/pages/[lang]/index.astro 查看文件

@@ -207,6 +207,7 @@ const informationList = [
207 207
     pt="4"
208 208
     px="5"
209 209
     contentHeight="19"
210
+    componentsBg="bg-blue"
210 211
   />
211 212
 
212 213
   <LeftMiddleRightImgText
@@ -216,6 +217,7 @@ const informationList = [
216 217
     titleHeight="3.2"
217 218
     pt="4"
218 219
     px="5"
220
+    componentsBg="bg-grey"
219 221
   />
220 222
   <LeftMiddleRightImgText
221 223
     componentTitle="最新资讯"
@@ -226,6 +228,7 @@ const informationList = [
226 228
     titleHeight="3.2"
227 229
     pt="4"
228 230
     px="5"
231
+    componentsBg="bg-blue"
229 232
   />
230 233
   <Footer lang={lang} />
231 234
 </Layout>

+ 8
- 2
src/pages/[lang]/products-solutions/gov-ent-health/bank/custom/index.astro 查看文件

@@ -171,6 +171,7 @@ const list = [
171 171
     titleHeight="3.2"
172 172
     pt="4"
173 173
     px="5"
174
+    componentsBg="bg-blue"
174 175
   />
175 176
   <Carousel
176 177
     componentTitle="相关产品"
@@ -182,6 +183,7 @@ const list = [
182 183
     titleHeight="3.2"
183 184
     pt="4"
184 185
     px="5"
186
+    componentsBg="bg-grey"
185 187
   />
186 188
   <Carousel
187 189
     componentTitle="成功案例"
@@ -192,6 +194,7 @@ const list = [
192 194
     px="5"
193 195
     pt="4"
194 196
     contentHeight="19"
197
+    componentsBg="bg-blue"
195 198
   />
196 199
   <VerticalNavigationContent
197 200
     list={list}
@@ -200,14 +203,17 @@ const list = [
200 203
     componentTitle="相关资源"
201 204
     titleTextAlign="text-left"
202 205
     textAlign="text-left"
203
-    titleHeight="3.2"
204 206
     pt="4"
205 207
     px="5"
206 208
     backgroundColor="#eee"
207 209
     aMb="5"
208 210
     rounded="3"
209 211
     titleSize="20"
210
-    titleHeight="4"
212
+    titleHeight="5.4"
213
+    pLine="titleLineEllipsis2"
214
+    isContent={false}
215
+    pMb="3"
216
+    animation="animation"
211 217
   />
212 218
   <Footer lang={lang} />
213 219
 </Layout>

+ 8
- 2
src/pages/[lang]/products-solutions/gov-ent-health/bank/index.astro 查看文件

@@ -175,6 +175,7 @@ const verticalNavigationContentList = [
175 175
     titleHeight="3.2"
176 176
     pt="4"
177 177
     px="5"
178
+    componentsBg="bg-blue"
178 179
   />
179 180
   <Carousel
180 181
     componentTitle="我们如何帮助客户成功"
@@ -185,6 +186,7 @@ const verticalNavigationContentList = [
185 186
     px="5"
186 187
     pt="4"
187 188
     contentHeight="19"
189
+    componentsBg="bg-grey"
188 190
   />
189 191
   <Carousel
190 192
     componentTitle="新闻与活动"
@@ -196,6 +198,7 @@ const verticalNavigationContentList = [
196 198
     titleHeight="3.2"
197 199
     pt="4"
198 200
     px="5"
201
+    componentsBg="bg-blue"
199 202
   />
200 203
   <VerticalNavigationContent
201 204
     list={verticalNavigationContentList}
@@ -204,14 +207,17 @@ const verticalNavigationContentList = [
204 207
     componentTitle="相关资源"
205 208
     titleTextAlign="text-left"
206 209
     textAlign="text-left"
207
-    titleHeight="3.2"
208 210
     pt="4"
209 211
     px="5"
210 212
     backgroundColor="#eee"
211 213
     aMb="5"
212 214
     rounded="3"
213 215
     titleSize="20"
214
-    titleHeight="4"
216
+    titleHeight="5.4"
217
+    pLine="titleLineEllipsis2"
218
+    isContent={false}
219
+    pMb="3"
220
+    animation="animation"
215 221
   />
216 222
   <Footer lang={lang} />
217 223
 </Layout>

+ 6
- 2
src/pages/[lang]/products-solutions/gov-ent-health/gov/civilized-city/index.astro 查看文件

@@ -105,6 +105,7 @@ const list = [
105 105
     px="5"
106 106
     pt="4"
107 107
     contentHeight="19"
108
+    componentsBg="bg-grey"
108 109
   />
109 110
   <VerticalNavigationContent
110 111
     list={list}
@@ -113,14 +114,17 @@ const list = [
113 114
     componentTitle="相关资源"
114 115
     titleTextAlign="text-left"
115 116
     textAlign="text-left"
116
-    titleHeight="3.2"
117 117
     pt="4"
118 118
     px="5"
119 119
     backgroundColor="#eee"
120 120
     aMb="5"
121 121
     rounded="3"
122 122
     titleSize="20"
123
-    titleHeight="4"
123
+    titleHeight="5.4"
124
+    pLine="titleLineEllipsis2"
125
+    isContent={false}
126
+    pMb="3"
127
+    animation="animation"
124 128
   />
125 129
   <Footer lang={lang} />
126 130
 </Layout>

+ 8
- 2
src/pages/[lang]/products-solutions/gov-ent-health/gov/index.astro 查看文件

@@ -170,6 +170,7 @@ const list = [
170 170
     titleHeight="3.2"
171 171
     pt="4"
172 172
     px="5"
173
+    componentsBg="bg-blue"
173 174
   />
174 175
   <Carousel
175 176
     componentTitle="成功案例"
@@ -180,6 +181,7 @@ const list = [
180 181
     px="5"
181 182
     pt="4"
182 183
     contentHeight="19"
184
+    componentsBg="bg-grey"
183 185
   />
184 186
   <LeftMiddleRightText
185 187
     componentTitle="新闻与活动"
@@ -188,6 +190,7 @@ const list = [
188 190
     titleHeight="3.2"
189 191
     ellipsis="line-ellipsis-small"
190 192
     pt="4"
193
+    componentsBg="bg-blue"
191 194
   />
192 195
   <VerticalNavigationContent
193 196
     list={list}
@@ -196,14 +199,17 @@ const list = [
196 199
     componentTitle="相关资源"
197 200
     titleTextAlign="text-left"
198 201
     textAlign="text-left"
199
-    titleHeight="3.2"
200 202
     pt="4"
201 203
     px="5"
202 204
     backgroundColor="#eee"
203 205
     aMb="5"
204 206
     rounded="3"
205 207
     titleSize="20"
206
-    titleHeight="4"
208
+    titleHeight="5.4"
209
+    pLine="titleLineEllipsis2"
210
+    isContent={false}
211
+    pMb="3"
212
+    animation="animation"
207 213
   />
208 214
   <Footer lang={lang} />
209 215
 </Layout>

+ 3
- 0
src/pages/[lang]/products-solutions/gov-ent-health/healthcare/index.astro 查看文件

@@ -167,6 +167,7 @@ const list = [
167 167
     px="5"
168 168
     pt="4"
169 169
     contentHeight="19"
170
+    componentsBg="bg-grey"
170 171
   />
171 172
   <Carousel
172 173
     componentTitle="成功案例"
@@ -177,6 +178,7 @@ const list = [
177 178
     px="5"
178 179
     pt="4"
179 180
     contentHeight="19"
181
+    componentsBg="bg-blue"
180 182
   />
181 183
   <Carousel
182 184
     componentTitle="新闻与活动"
@@ -188,6 +190,7 @@ const list = [
188 190
     titleHeight="3.2"
189 191
     pt="4"
190 192
     px="5"
193
+    componentsBg="bg-grey"
191 194
   />
192 195
   <VerticalNavigationContent
193 196
     list={list}

+ 4
- 1
src/pages/[lang]/products-solutions/industrial-internet/erp/index.astro 查看文件

@@ -164,6 +164,7 @@ const carouselList2 = [
164 164
     px="5"
165 165
     pt="4"
166 166
     contentHeight="19"
167
+    componentsBg="bg-grey"
167 168
   />
168 169
   <LeftMiddleRightImgText
169 170
     componentTitle="场景化解决方案"
@@ -171,6 +172,7 @@ const carouselList2 = [
171 172
     titleHeight="3.2"
172 173
     pt="4"
173 174
     px="5"
175
+    componentsBg="bg-blue"
174 176
   />
175 177
   <Carousel
176 178
     componentTitle="我们如何帮助客户成功"
@@ -181,6 +183,7 @@ const carouselList2 = [
181 183
     px="5"
182 184
     pt="4"
183 185
     contentHeight="19"
186
+    componentsBg="bg-grey"
184 187
   />
185 188
   <LeftMiddleRightImgText
186 189
     componentTitle="配套产品"
@@ -188,12 +191,12 @@ const carouselList2 = [
188 191
     titleHeight="3.2"
189 192
     pt="4"
190 193
     px="5"
194
+    componentsBg="bg-blue"
191 195
   />
192 196
   <LeftMiddleRightText
193 197
     componentTitle="相关资源"
194 198
     listOrData={carouselList2}
195 199
     btnDisplay={false}
196
-    titleHeight="3.2"
197 200
     ellipsis="line-ellipsis-small"
198 201
     pt="4"
199 202
     titleSize="20"

+ 7
- 2
src/pages/[lang]/products-solutions/industrial-internet/mes/index.astro 查看文件

@@ -184,6 +184,7 @@ const leftImgRightTextData3 = [
184 184
     px="5"
185 185
     pt="4"
186 186
     contentHeight="19"
187
+    componentsBg="bg-grey"
187 188
   />
188 189
   <LeftImgRightText
189 190
     listOrData={leftImgRightTextData3}
@@ -193,6 +194,7 @@ const leftImgRightTextData3 = [
193 194
     px="5"
194 195
     pt="4"
195 196
     contentHeight="19"
197
+    componentsBg="bg-grey"
196 198
   />
197 199
   <VerticalNavigationContent
198 200
     list={list}
@@ -201,14 +203,17 @@ const leftImgRightTextData3 = [
201 203
     componentTitle="相关资源"
202 204
     titleTextAlign="text-left"
203 205
     textAlign="text-left"
204
-    titleHeight="3.2"
205 206
     pt="4"
206 207
     px="5"
207 208
     backgroundColor="#eee"
208 209
     aMb="5"
209 210
     rounded="3"
210 211
     titleSize="20"
211
-    titleHeight="4"
212
+    titleHeight="5.4"
213
+    pLine="titleLineEllipsis2"
214
+    isContent={false}
215
+    pMb="3"
216
+    animation="animation"
212 217
   />
213 218
   <Footer lang={lang} />
214 219
 </Layout>

+ 8
- 2
src/pages/[lang]/products-solutions/lot/agriculture/index.astro 查看文件

@@ -155,6 +155,7 @@ const list = [
155 155
     titleHeight="3.2"
156 156
     pt="4"
157 157
     px="5"
158
+    componentsBg="bg-blue"
158 159
   />
159 160
   <LeftImgRightText
160 161
     listOrData={data}
@@ -164,6 +165,7 @@ const list = [
164 165
     px="5"
165 166
     pt="4"
166 167
     contentHeight="19"
168
+    componentsBg="bg-grey"
167 169
   />
168 170
   <LeftMiddleRightImgText
169 171
     componentTitle="”四情“监测系统"
@@ -171,6 +173,7 @@ const list = [
171 173
     titleHeight="3.2"
172 174
     pt="4"
173 175
     px="5"
176
+    componentsBg="bg-blue"
174 177
   />
175 178
   <VerticalNavigationContent
176 179
     list={list}
@@ -179,14 +182,17 @@ const list = [
179 182
     componentTitle="相关资源"
180 183
     titleTextAlign="text-left"
181 184
     textAlign="text-left"
182
-    titleHeight="3.2"
183 185
     pt="4"
184 186
     px="5"
185 187
     backgroundColor="#eee"
186 188
     aMb="5"
187 189
     rounded="3"
188 190
     titleSize="20"
189
-    titleHeight="4"
191
+    titleHeight="5.4"
192
+    pLine="titleLineEllipsis2"
193
+    isContent={false}
194
+    pMb="3"
195
+    animation="animation"
190 196
   />
191 197
   <Footer lang={lang} />
192 198
 </Layout>

+ 19
- 20
src/pages/[lang]/products-solutions/lot/building/index.astro 查看文件

@@ -164,19 +164,16 @@ const list = [
164 164
     tabName: '智慧安防',
165 165
     children: [
166 166
       {
167
-        title: '安全监视',
168
-        content:
169
-          '实时显示监控视频画面,支持按条件和点位筛选查看,支持查看历史监控录像。',
167
+        title:
168
+          '安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视',
170 169
       },
171 170
       {
172
-        title: '智能监测',
173
-        content:
174
-          '综合运用先进的传感技术、视频监控系统和智能分析算法,实现对区域入侵、火警风险等场景进行智能监测。',
171
+        title:
172
+          '智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测',
175 173
       },
176 174
       {
177
-        title: '日常巡检',
178
-        content:
179
-          '利用智慧管理平台和智能监控算法,实现系统电子巡更、人员智能巡检,减少并消除楼宇存在的安全隐患。',
175
+        title:
176
+          '日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检',
180 177
       },
181 178
     ],
182 179
   },
@@ -185,19 +182,13 @@ const list = [
185 182
     tabName: '车辆违停管理',
186 183
     children: [
187 184
       {
188
-        title: '电动车入楼检测',
189
-        content:
190
-          '电动车进入单元门时,利用深度学习算法对其进行电动车智能检测识别。',
185
+        title: '电动车入楼检测电动车入楼检测',
191 186
       },
192 187
       {
193
-        title: '声光警戒',
194
-        content:
195
-          '当监控检测到电动车时,会联动本地声光报警,并通过语音对违规者进行提醒,直到电动车出单元门,报警解除。',
188
+        title: '声光警戒声光警戒',
196 189
       },
197 190
       {
198
-        title: '平台弹窗报警',
199
-        content:
200
-          '报警信息联动平台进行弹窗报警提示,值班人员可进行现场视频查看和远程喊话提醒。',
191
+        title: '平台弹窗报警平台弹窗报警',
201 192
       },
202 193
     ],
203 194
   },
@@ -227,6 +218,7 @@ const list = [
227 218
     titleHeight="3.2"
228 219
     ellipsis="line-ellipsis-small"
229 220
     pt="4"
221
+    componentsBg="bg-grey"
230 222
   />
231 223
   <LeftMiddleRightImgText
232 224
     componentTitle="智能识别便捷通行"
@@ -235,6 +227,7 @@ const list = [
235 227
     titleHeight="3.2"
236 228
     pt="4"
237 229
     px="5"
230
+    componentsBg="bg-blue"
238 231
   />
239 232
   <LeftMiddleRightText
240 233
     componentTitle="访客授权快捷登记"
@@ -245,6 +238,7 @@ const list = [
245 238
     titleHeight="3.2"
246 239
     ellipsis="line-ellipsis-small"
247 240
     pt="4"
241
+    componentsBg="bg-grey"
248 242
   />
249 243
   <LeftMiddleRightText
250 244
     componentTitle="通行记录线上管理"
@@ -255,6 +249,7 @@ const list = [
255 249
     titleHeight="3.2"
256 250
     ellipsis="line-ellipsis-small"
257 251
     pt="4"
252
+    componentsBg="bg-blue"
258 253
   />
259 254
   <ImgPro
260 255
     listOrData={imgProData2}
@@ -276,6 +271,7 @@ const list = [
276 271
     titleHeight="3.2"
277 272
     pt="4"
278 273
     px="5"
274
+    componentsBg="bg-grey"
279 275
   />
280 276
   <ImgPro
281 277
     titleHeight="2.5"
@@ -298,14 +294,17 @@ const list = [
298 294
     componentTitle="相关资源"
299 295
     titleTextAlign="text-left"
300 296
     textAlign="text-left"
301
-    titleHeight="3.2"
302 297
     pt="4"
303 298
     px="5"
304 299
     backgroundColor="#eee"
305 300
     aMb="5"
306 301
     rounded="3"
307 302
     titleSize="20"
308
-    titleHeight="4"
303
+    titleHeight="5.4"
304
+    pLine="titleLineEllipsis2"
305
+    isContent={false}
306
+    pMb="3"
307
+    animation="animation"
309 308
   />
310 309
   <Footer lang={lang} />
311 310
 </Layout>

+ 7
- 2
src/pages/[lang]/products-solutions/lot/community/index.astro 查看文件

@@ -166,6 +166,7 @@ const list = [
166 166
     titleHeight="3.2"
167 167
     pt="4"
168 168
     px="5"
169
+    componentsBg="bg-blue"
169 170
   />
170 171
   <LeftMiddleRightText
171 172
     componentTitle="客户需求程度"
@@ -176,6 +177,7 @@ const list = [
176 177
     titleHeight="3.2"
177 178
     ellipsis="line-ellipsis-small"
178 179
     pt="4"
180
+    componentsBg="bg-grey"
179 181
   />
180 182
   <VerticalNavigationContent
181 183
     list={list}
@@ -184,14 +186,17 @@ const list = [
184 186
     componentTitle="相关资源"
185 187
     titleTextAlign="text-left"
186 188
     textAlign="text-left"
187
-    titleHeight="3.2"
188 189
     pt="4"
189 190
     px="5"
190 191
     backgroundColor="#eee"
191 192
     aMb="5"
192 193
     rounded="3"
193 194
     titleSize="20"
194
-    titleHeight="4"
195
+    titleHeight="5.4"
196
+    pLine="titleLineEllipsis2"
197
+    isContent={false}
198
+    pMb="3"
199
+    animation="animation"
195 200
   />
196 201
   <Footer lang={lang} />
197 202
 </Layout>

+ 8
- 2
src/pages/[lang]/products-solutions/lot/exhibition-all/index.astro 查看文件

@@ -202,6 +202,7 @@ const informationList2 = [
202 202
     titleHeight="3.2"
203 203
     pt="4"
204 204
     px="5"
205
+    componentsBg="bg-blue"
205 206
   />
206 207
   <Carousel
207 208
     titleHeight="3.2"
@@ -214,6 +215,7 @@ const informationList2 = [
214 215
     px="5"
215 216
     pt="4"
216 217
     contentHeight="19"
218
+    componentsBg="bg-grey"
217 219
   />
218 220
   <LeftMiddleRightImgText
219 221
     componentTitle="界面设计与用户体验"
@@ -222,6 +224,7 @@ const informationList2 = [
222 224
     titleHeight="3.2"
223 225
     pt="4"
224 226
     px="5"
227
+    componentsBg="bg-blue"
225 228
   />
226 229
   <VerticalNavigationContent
227 230
     list={list}
@@ -230,14 +233,17 @@ const informationList2 = [
230 233
     componentTitle="相关资源"
231 234
     titleTextAlign="text-left"
232 235
     textAlign="text-left"
233
-    titleHeight="3.2"
234 236
     pt="4"
235 237
     px="5"
236 238
     backgroundColor="#eee"
237 239
     aMb="5"
238 240
     rounded="3"
239 241
     titleSize="20"
240
-    titleHeight="4"
242
+    titleHeight="5.4"
243
+    pLine="titleLineEllipsis2"
244
+    isContent={false}
245
+    pMb="3"
246
+    animation="animation"
241 247
   />
242 248
   <Footer lang={lang} />
243 249
 </Layout>

+ 2
- 0
src/pages/[lang]/products-solutions/others/crm/index.astro 查看文件

@@ -91,6 +91,7 @@ const verticalNavigationContentList = [
91 91
     titleHeight="'3.2"
92 92
     pt="4"
93 93
     px="5"
94
+    componentsBg="bg-grey"
94 95
   />
95 96
   <LeftImgRightText
96 97
     listOrData={leftImgRightTextList}
@@ -100,6 +101,7 @@ const verticalNavigationContentList = [
100 101
     px="5"
101 102
     pt="4"
102 103
     contentHeight="19"
104
+    componentsBg="bg-blue"
103 105
   />
104 106
   <VerticalNavigationContent
105 107
     list={verticalNavigationContentList}

+ 1
- 0
src/pages/[lang]/products-solutions/others/eshop/index.astro 查看文件

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

+ 2
- 0
src/pages/[lang]/products-solutions/others/shigongli/index.astro 查看文件

@@ -127,6 +127,7 @@ const verticalNavigationContentList = [
127 127
     px="5"
128 128
     pt="4"
129 129
     contentHeight="19"
130
+    componentsBg="bg-grey"
130 131
   />
131 132
   <Carousel
132 133
     componentTitle="成功案例"
@@ -139,6 +140,7 @@ const verticalNavigationContentList = [
139 140
     px="5"
140 141
     pt="4"
141 142
     contentHeight="19"
143
+    componentsBg="bg-blue"
142 144
   />
143 145
   <VerticalNavigationContent
144 146
     list={verticalNavigationContentList}