f

src/components/DynamicComponent.astro

@@ -1,15 +1,45 @@
 ---
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 import ImgPro from '@/components/ImgPro.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import Footer from '@/components/Footer.astro'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import List from '@/components/List.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import NavSubMenu from '@/components/NavSubMenu.astro'
 
-const { type, ...leftProps } = Astro.props;
-
+const { type, ...leftProps } = Astro.props
 ---
 
 <Fragment>
-
-  { type == 'ImgPro' && <ImgPro {...leftProps} /> }
-  { type == 'LeftMiddleRightImgTextPro' && <LeftMiddleRightImgTextPro {...leftProps} /> }
-
-
+  <!-- 悬浮导航栏 -->
+  {type == 'ScrollingNavbar' && <ScrollingNavbar {...leftProps} />}
+  <!-- 子导航菜单 -->
+  {type == 'NavSubMenu' && <NavSubMenu {...leftProps} />}
+  <!-- 单张大图 -->
+  {type == 'ImgPro' && <ImgPro {...leftProps} />}
+  <!-- 左图右文 -->
+  {type == 'LeftImgRightText' && <LeftImgRightText {...leftProps} />}
+  <!-- 左图右文轮播 -->
+  {type == 'Carousel' && <Carousel {...leftProps} />}
+  <!-- 左中右图文 -->
+  {
+    type == 'LeftMiddleRightImgTextPro' && (
+      <LeftMiddleRightImgTextPro {...leftProps} />
+    )
+  }
+  <!-- 列表 -->
+  {type == 'List' && <List {...leftProps} />}
+  <!-- 左中右文本 -->
+  {type == 'LeftMiddleRightText' && <LeftMiddleRightText {...leftProps} />}
+  <!-- 竖形菜单组件 -->
+  {
+    type == 'VerticalNavigationContent' && (
+      <VerticalNavigationContent {...leftProps} />
+    )
+  }
+  <!-- 底部菜单 -->
+  {type == 'Footer' && <Footer {...leftProps} />}
 </Fragment>

src/components/Footer.astro

@@ -4,16 +4,6 @@ import { arr2Tree } from '@/utils/array'
 // const [menus] = arr2Tree(Astro.locals._menus || [])
 
 const { lang } = Astro.props
-
-const home = lang == 'zh' ? '首页' : 'Home'
-function getName(item = {}) {
-  return (
-    item[`categaryName${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
-    item.categaryNameEn ||
-    item.categaryNameZh
-  )
-}
-
 const menus = [
   {
     id: '1',
@@ -106,6 +96,14 @@ const menus = [
     ],
   },
 ]
+const home = lang == 'zh' ? '首页' : 'Home'
+function getName(item = {}) {
+  return (
+    item[`categaryName${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
+    item.categaryNameEn ||
+    item.categaryNameZh
+  )
+}
 
 const colNum = Math.ceil(12 / (menus?.length + 1))
 ---

src/components/LeftMiddleRightImgTextPro/index.astro

@@ -8,7 +8,7 @@ const {
   componentTitle,
   btnBottomDisplay,
   bhref,
-  white,
+  hoverBackColor,
 } = Astro.props
 ---
 
@@ -24,7 +24,7 @@ const {
               title={item?.title}
               subTitle={item?.subTitle}
               more
-              white={white}
+              hoverBackColor={hoverBackColor}
             />
           </div>
         ))

src/components/VerticalNavigationContent.astro

@@ -1,4 +1,5 @@
 ---
+import Text3 from '@/components/children/Text3.astro'
 const domId = `tab-${Math.random().toString(36).substring(2, 7)}`
 const {
   list,
@@ -69,7 +70,7 @@ const {
                   <div class="row g-5">
                     {item?.children?.map((item, index) => (
                       <div class={`col-md-${mdSize}`} id={index}>
-                        <Children listOrData={item} {...right} />
+                        <Text3 listOrData={item} {...right} />
                       </div>
                     ))}
                   </div>

src/components/children/Carousel.astro

@@ -7,10 +7,11 @@ const {
   line,
   titleTextAlign,
   textAlign,
-  mdSize,
+  mdSize = 12,
   componentsBg,
   ...right
 } = Astro.props
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
 ---
 
 <!-- 轮播 -->
@@ -58,18 +59,16 @@ const {
             id={index}
           >
             <div class="row">
-              {item.map((it, index) => (
-                <div class={`col-md-${mdSize} col-sm-12`}>
-                  <div
-                    class="top-bottom-project-card-carousel"
-                    style={it.id ? 'cursor: pointer' : ''}
-                    data-post={it.id}
-                  >
-                    <div class="card border-0" />
-                    <Children listOrData={it} line={line} {...right} />
-                  </div>
+              <div class={`col-md-${mdSize} col-sm-12`}>
+                <div
+                  class="top-bottom-project-card-carousel"
+                  style={item.id ? 'cursor: pointer' : ''}
+                  data-post={item.id}
+                >
+                  <div class="card border-0" />
+                  <LeftImgRightText listOrData={item} line={line} {...right} />
                 </div>
-              ))}
+              </div>
             </div>
           </div>
         ))

src/data/zh/about.js

@@ -1,57 +1,82 @@
-export default {
-  imgProData: {
-    url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
-    title: '云致企业业务',
-    content:
-      '横跨整个大西洋与北冰洋，云致企业业务为全球企业提供安全、可靠的云服务。',
+export default [
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
+      title: '云致企业业务',
+      content:
+        '横跨整个大西洋与北冰洋，云致企业业务为全球企业提供安全、可靠的云服务。',
+    },
   },
-  data: [
-    {
-      id: '1',
-      url: 'https://e.huawei.com/topic/sitecore/2024-finance/img/partner.jpg',
-      children: {
-        title: '关于云致',
-        content:
-          '关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致',
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: 'https://e.huawei.com/topic/sitecore/2024-finance/img/partner.jpg',
+        children: {
+          title: '关于云致',
+          content:
+            '关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致',
+        },
       },
+    ],
+    componentTitle: '发展背景',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/control.png',
+        title: '案例统计',
+        subTitle:
+          '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/identify.png',
+        title: '案例统计',
+        subTitle:
+          '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/identify.png',
+        title: '案例统计',
+        subTitle:
+          '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
+      },
+    ],
+    componentTitle: '案例统计',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
+      title: '服务标准',
+      content:
+        '服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准',
     },
-  ],
-  informationList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/control.png',
-      title: '案例统计',
-      subTitle:
-        '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/identify.png',
-      title: '案例统计',
-      subTitle:
-        '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/identify.png',
-      title: '案例统计',
-      subTitle:
-        '案例统计案例统计案例统计案例统计案例统计案例统计案例统计案例统计',
-    },
-  ],
-  imgProData2: {
-    url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
-    title: '服务标准',
-    content:
-      '服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准服务标准',
+    imgMb: '5'
+  },
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '/public/image/about/next.png',
+      title: '未来展望',
+      content:
+        '未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望',
+    }
   },
-  imgProData3: {
-    url: '/public/image/about/next.png',
-    title: '未来展望',
-    content:
-      '未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望未来展望',
+  {
+    type: 'Footer',
+    lang: 'zh'
   }
-}
+]

src/data/zh/agriculture.js

@@ -1,110 +1,146 @@
-export default {
-  sNav: ['项目内容', '大数据可视化平台', '”四情“监测系统', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/industries/transportation/banner-pc-3.jpeg',
-    title: '智慧农业',
-    content: '数字化建设方案',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['项目内容', '大数据可视化平台', '”四情“监测系统', '相关资源'],
   },
-  data: [
-    {
-      id: '1',
-      url: '/public/image/agriculture/bigData.png',
-      children: {
-        title: '建设方案',
-        content:
-          '实现对园区农业实时环境数据、病虫害数据、苗情数据的可视化展示，智能设施的远程查看和管理。通过平台可设定环境数据预警值，系统自动预警，生成预警事件，通过手机短信及网页报警提示管理人员或工作人员进行管理和控制。同时可以将园区空气温度、空气湿度、二氧化碳浓度等环境监测数据以及环境预警事件信息以图表形式或曲线图形式形成统计报表,供管理人员做出适当的作物生长管理、分析与决策。',
-      },
-    },
-  ],
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/revitalization.png',
-      title: '项目背景',
-      subTitle:
-        '2021年5月，河南省委农村工作会议提出，四五”时期河南要推动乡村振兴实现更大突破走在全国前列。',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/target.png',
-      title: '项目目标',
-      subTitle:
-        '发展智慧农业是互联网+时代下现代农业的精细化管理，实现农业种养殖智慧化，以物联网技术等作为技术支撑，在坚持绿色发展为基础的原则下，将农业产业经济价值最大化。',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/programme.png',
-      title: '建设方案',
-      subTitle:
-        '支持从门户网站到大型E-Commerce、电子商务平台网站的建立数据共享平台的建立，丰富的农业领域网站模板，资源弹性扩展用户空间隔离，高可靠可用性保障',
-    },
-    {
-      id: '4',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/programme.png',
-      title: '公司简介',
-      subTitle:
-        '河南油田工程科技股份有限公司创立于2006年，是一家为石油、炼化行业安全环保管理提供咨询评价、方案设计、信息化赋能井坚持“产、学、研”协同发展的技术服务机构。公司2018年挂牌新三板，2021年升级为创新层，是河南省“高新技术企业”“专精特新企业”，与河南理工大学、郑州大学共建多所研究中心及实验室。',
-    },
-  ],
-  informationList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/moistureContent.png',
-      title: '项目土壤墒情监测背景',
-      subTitle:
-        '土壤墙情监测系统可实现全天候不间断监测。现场远程监测设备自动采集士壤培情实时数据并利用GPRS无线网络实现数据远程传输:监控中心自动接收、自动存储各监测点的监测数据到数据库中。',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/insect.png',
-      title: '智能虫情监测',
-      subTitle:
-        '自动虫情监测系统主要利用现代光、电、数控技术无线传输技术、互联网技术构建出一套害虫生态监测及预警系统该系统集害虫诱捕和拍照、环境信息采集数据传输、数据分析于一体，实现了害虫的诱集、分类统计、实时报传远程检测、虫害预警和防治指导的自动化、智能化。',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/industries/transportation/banner-pc-3.jpeg',
+      title: '智慧农业',
+      content: '数字化建设方案',
     },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/spore.png',
-      title: '智能孢子监测',
-      subTitle:
-        '智能抱子监测系统集成电子数码显微、数字图像处理与人工智能识别、GMS全球数据传输等现代高新技术，集病菌抱子自动捕捉、自动识别、自动计数、自动存储等功能于一体,实现了病菌抱子的连续动态监测，可以显著提升农作物病害综合防控管理水平。',
-    },
-    {
-      id: '4',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/agriculture/programme.png',
-      title: '灾情、苗情监测',
-      subTitle:
-        '通过对农田进行农业物联网传感器布局，对整个农种过程中的播种、施肥、采摘、包装等各个环节进行视频监控，树立标准化作业标准。',
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '统计分析',
-      children: [
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData:
+      [
         {
-          title: '水质分析',
-          content:
-            '管理部门可通过该系统及时掌握河流的降水、断面水位等流域水文状况，从而及时作出管理决策。水文监测预警系统在及时预警洪涝灾害、避免人员和经济损失方面发挥了重要作用。',
+          id: '1',
+          link: 'http://www.baidu.com',
+          thumb: '/public/image/agriculture/revitalization.png',
+          title: '项目背景',
+          subTitle:
+            '2021年5月，河南省委农村工作会议提出，四五”时期河南要推动乡村振兴实现更大突破走在全国前列。',
         },
         {
-          title: '气象分析',
-          content:
-            '通过对信息的采集/过滤/融合汇总/分析，以各类图表形式进行展现，为掌握大气环境动态信息，科学制定解决措施，实现灾害预警。',
+          id: '2',
+          link: 'http://www.baidu.com',
+          thumb: '/public/image/agriculture/target.png',
+          title: '项目目标',
+          subTitle:
+            '发展智慧农业是互联网+时代下现代农业的精细化管理，实现农业种养殖智慧化，以物联网技术等作为技术支撑，在坚持绿色发展为基础的原则下，将农业产业经济价值最大化。',
         },
         {
-          title: '虫害分析',
-          content:
-            '物联网虫情测报灯是推出的新一代害虫自动测报系统，本系统主要利用现代光、电、数控技术、无线传输技术、互联网技术、构建出一套害虫生态监测及分析预警系统。',
+          id: '3',
+          link: 'http://www.baidu.com',
+          thumb: '/public/image/agriculture/programme.png',
+          title: '建设方案',
+          subTitle:
+            '支持从门户网站到大型E-Commerce、电子商务平台网站的建立数据共享平台的建立，丰富的农业领域网站模板，资源弹性扩展用户空间隔离，高可靠可用性保障',
+        },
+        {
+          id: '4',
+          link: 'http://www.baidu.com',
+          thumb: '/public/image/agriculture/programme.png',
+          title: '公司简介',
+          subTitle:
+            '河南油田工程科技股份有限公司创立于2006年，是一家为石油、炼化行业安全环保管理提供咨询评价、方案设计、信息化赋能井坚持“产、学、研”协同发展的技术服务机构。公司2018年挂牌新三板，2021年升级为创新层，是河南省“高新技术企业”“专精特新企业”，与河南理工大学、郑州大学共建多所研究中心及实验室。',
         },
       ],
-    },
-  ]
-}
+    componentTitle: '项目内容',
+    componentsBg: 'bg-img',
+    hoverBackColor: 'white',
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: '/public/image/agriculture/bigData.png',
+        children: {
+          title: '建设方案',
+          content:
+            '实现对园区农业实时环境数据、病虫害数据、苗情数据的可视化展示，智能设施的远程查看和管理。通过平台可设定环境数据预警值，系统自动预警，生成预警事件，通过手机短信及网页报警提示管理人员或工作人员进行管理和控制。同时可以将园区空气温度、空气湿度、二氧化碳浓度等环境监测数据以及环境预警事件信息以图表形式或曲线图形式形成统计报表,供管理人员做出适当的作物生长管理、分析与决策。',
+        },
+      },
+    ],
+    componentTitle: '大数据可视化平台',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/agriculture/moistureContent.png',
+        title: '项目土壤墒情监测背景',
+        subTitle:
+          '土壤墙情监测系统可实现全天候不间断监测。现场远程监测设备自动采集士壤培情实时数据并利用GPRS无线网络实现数据远程传输:监控中心自动接收、自动存储各监测点的监测数据到数据库中。',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/agriculture/insect.png',
+        title: '智能虫情监测',
+        subTitle:
+          '自动虫情监测系统主要利用现代光、电、数控技术无线传输技术、互联网技术构建出一套害虫生态监测及预警系统该系统集害虫诱捕和拍照、环境信息采集数据传输、数据分析于一体，实现了害虫的诱集、分类统计、实时报传远程检测、虫害预警和防治指导的自动化、智能化。',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/agriculture/spore.png',
+        title: '智能孢子监测',
+        subTitle:
+          '智能抱子监测系统集成电子数码显微、数字图像处理与人工智能识别、GMS全球数据传输等现代高新技术，集病菌抱子自动捕捉、自动识别、自动计数、自动存储等功能于一体,实现了病菌抱子的连续动态监测，可以显著提升农作物病害综合防控管理水平。',
+      },
+      {
+        id: '4',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/agriculture/programme.png',
+        title: '灾情、苗情监测',
+        subTitle:
+          '通过对农田进行农业物联网传感器布局，对整个农种过程中的播种、施肥、采摘、包装等各个环节进行视频监控，树立标准化作业标准。',
+      },
+    ],
+    componentTitle: '”四情“监测系统',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '统计分析',
+        children: [
+          {
+            title: '水质分析',
+            content:
+              '管理部门可通过该系统及时掌握河流的降水、断面水位等流域水文状况，从而及时作出管理决策。水文监测预警系统在及时预警洪涝灾害、避免人员和经济损失方面发挥了重要作用。',
+          },
+          {
+            title: '气象分析',
+            content:
+              '通过对信息的采集/过滤/融合汇总/分析，以各类图表形式进行展现，为掌握大气环境动态信息，科学制定解决措施，实现灾害预警。',
+          },
+          {
+            title: '虫害分析',
+            content:
+              '物联网虫情测报灯是推出的新一代害虫自动测报系统，本系统主要利用现代光、电、数控技术、无线传输技术、互联网技术、构建出一套害虫生态监测及分析预警系统。',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even'
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+
+]

src/data/zh/bank.js

@@ -1,44 +1,57 @@
-export default {
-  sNav: [
-    '场景化解决方案',
-    '场景化解决方案',
-    '我们如何帮助客户成功',
-    '新闻资讯',
-    '相关资源',
-  ],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/industries/finance/banner-pc-0401.jpg',
-    title: '银行业务',
-    content: '银行业务银行业务',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: [
+      '场景化解决方案',
+      '场景化解决方案',
+      '我们如何帮助客户成功',
+      '新闻资讯',
+      '相关资源',
+    ],
   },
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: '银行业务',
-      subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/industries/finance/banner-pc-0401.jpg',
       title: '银行业务',
-      subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      content: '银行业务银行业务',
     },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-      title: '银行业务',
-      subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
-  ],
-  carouselList: [
-    [
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '银行业务',
+        subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+        title: '银行业务',
+        subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+        title: '银行业务',
+        subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+    ],
+    componentTitle: '场景化解决方案',
+    componentsBg: 'bg-img',
+    white: 'white',
+  },
+  {
+    type: 'Carousel',
+    list: [
       [
         {
           id: '1',
@@ -51,8 +64,6 @@ export default {
           },
         },
       ],
-    ],
-    [
       [
         {
           id: '2',
@@ -64,78 +75,97 @@ export default {
               '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
           },
         },
-      ],
+      ]
     ],
-  ],
-  carouselList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: '银行业务',
-      subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-      title: '银行业务',
-      subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-      title: '银行业务',
-      subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-    },
-  ],
-  verticalNavigationContentList: [
-    {
-      id: '1',
-      tabName: '白皮书',
-      children: [
-        {
-          title:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-        {
-          title:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-        {
-          title:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-        {
-          title:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-        {
-          title:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-        {
-          title:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '彩页',
-      children: [
-        {
-          title: '银行业务银行业务银行业务银行业务',
-        },
-        {
-          title:
-            '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
-        },
-      ],
-    },
-  ]
-}
+    componentTitle: '我们如何帮助客户成功',
+    line: '0',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '银行业务',
+        subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+        title: '银行业务',
+        subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+        title: '银行业务',
+        subTitle: '银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+    ],
+    componentTitle: '新闻资讯',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '白皮书',
+        children: [
+          {
+            title:
+              '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+          },
+          {
+            title:
+              '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+          },
+          {
+            title:
+              '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+          },
+          {
+            title:
+              '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+          },
+          {
+            title:
+              '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+          },
+          {
+            title:
+              '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '彩页',
+        children: [
+          {
+            title: '银行业务银行业务银行业务银行业务',
+          },
+          {
+            title:
+              '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/building.js

@@ -1,192 +1,279 @@
-export default {
-  sNav: [
-    '智慧通行',
-    '智能识别便捷通行',
-    '访客授权快捷登记',
-    '通行记录线上管理',
-    '智慧识别便捷通行',
-    '相关资源',
-  ],
-  imgProData1: {
-    url: '//e.huawei.com/-/mediae/images/solutions/campus/campus/banner-pc.jpg',
-    title: '智慧楼宇',
-    content: '楼宇智能化',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: [
+      '智慧通行',
+      '智能识别便捷通行',
+      '访客授权快捷登记',
+      '通行记录线上管理',
+      '智慧识别便捷通行',
+      '相关资源',
+    ],
   },
-  informationList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/control.png',
-      title: '远程控制',
-      subTitle:
-        '支持远程控制，通行人员可以通过小程序或PC后台进行远程开关门操作。',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/solutions/campus/campus/banner-pc.jpg',
+      title: '智慧楼宇',
+      content: '楼宇智能化',
     },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/identify.png',
-      title: '智能识别',
-      subTitle:
-        '采用先进的生物识别技术，如指纹识别、人脸识别等，实现快速、准确的身份识别。',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/mode.png',
-      title: '多种开门方式',
-      subTitle:
-        '支持多种开门方式，如密码、二维码、远程开门等，满足不同场景和需求。',
-    },
-    {
-      id: '4',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/monitor.png',
-      title: '实时监控',
-      subTitle:
-        '具备实时监控功能，可以实时记录门禁的开关状态、通行记录等信息，方便管理员管理和查询。',
-    },
-  ],
-  carouselList4: [
-    {
-      id: '1',
-      children: [
-        {
-          title: '信息录入',
-          content:
-            '楼宇内成员邀请：成员通过访客登记系统录入访客信息，访客即可收到推送提醒，可查看通行凭证并通行授权门禁；访客自助申请：访客扫码进入小程序，录入信息登记，由受访人审核确认后，即可查看通行凭证并通行授权门禁。',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-    {
-      id: '2',
-      children: [
-        {
-          title: '身份验证',
-          content:
-            '线下信息验证：访客向楼宇前台出示通行凭证，前台审核后即可通行；自主通行：访客使用线上通行凭证，通过扫码、人脸识别等方式进行自主通行。',
-          url: '/public/building/identity.png',
-        },
-      ],
-    },
-    {
-      id: '3',
-      children: [
-        {
-          title: '实时通知',
-          content:
-            '访客进入楼宇，系统自动通知受访者或管理人员。平台记录并跟踪访客停留时间。若逾期，系统通知相关人员进行处理。',
-          url: '/public/building/notice.png',
-        },
-      ],
-    },
-  ],
-  carouselList5: [
-    {
-      id: '1',
-      children: [
-        {
-          title: '出入记录',
-          content:
-            '系统自动记录人员的出入时间、地点和目的，并生成详细的通行记录，可供后续查询和分析。',
-          url: '/public/building/pass.png',
-        },
-      ],
-    },
-    {
-      id: '2',
-      children: [
-        {
-          title: '实时监控',
-          content:
-            '管理员可以通过系统实时监控人员的出入情况，查看实时数据和警报信息。',
-          url: '/public/building/monitor.png',
-        },
-      ],
-    },
-    {
-      id: '3',
-      children: [
-        {
-          title: '报表统计',
-          content:
-            '支持生成通行报表和统计图表，帮助管理者全面了解人员通行情况和趋势。',
-          url: '/public/building/statistics.png',
-        },
-      ],
-    },
-  ],
-  imgProData2: {
-    url: '/public/image/building/pointPosition.png',
-    title: '智能门禁点位',
-    content:
-      '在主要出入口、核心办公区、机房控制室等位置，安装智能门禁设备，支持刷卡、刷脸、扫码等形式通行，一方面避免外来人员随意进入保障整体安全，另一方面对根据员工属性进行内部通行管理。',
   },
-  imgProData3: {
-    url: '/public/image/building/pointPosition.png',
-    title: '智能门禁点位',
-    content:
-      '在主要出入口、核心办公区、机房控制室等位置，安装智能门禁设备，支持刷卡、刷脸、扫码等形式通行，一方面避免外来人员随意进入保障整体安全，另一方面对根据员工属性进行内部通行管理。',
+  {
+    type: 'LeftMiddleRightText',
+    listOrData: [
+      {
+        id: '1',
+        children: [
+          {
+            title: '信息录入',
+            content:
+              '楼宇内成员邀请：成员通过访客登记系统录入访客信息，访客即可收到推送提醒，可查看通行凭证并通行授权门禁；访客自助申请：访客扫码进入小程序，录入信息登记，由受访人审核确认后，即可查看通行凭证并通行授权门禁。',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+      {
+        id: '2',
+        children: [
+          {
+            title: '身份验证',
+            content:
+              '线下信息验证：访客向楼宇前台出示通行凭证，前台审核后即可通行；自主通行：访客使用线上通行凭证，通过扫码、人脸识别等方式进行自主通行。',
+            url: '/public/building/identity.png',
+          },
+        ],
+      },
+      {
+        id: '3',
+        children: [
+          {
+            title: '实时通知',
+            content:
+              '访客进入楼宇，系统自动通知受访者或管理人员。平台记录并跟踪访客停留时间。若逾期，系统通知相关人员进行处理。',
+            url: '/public/building/notice.png',
+          },
+        ],
+      },
+    ],
+    componentTitle: '智慧通行',
+    titleTextAlign: 'text-end',
+    textAlign: 'text-end',
+    componentsBg: 'bg-grey',
   },
-  informationList3: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/monitoring2.png',
-      title: '实时监控',
-      subTitle:
-        '系统汇集楼宇内全部高清摄像头图像，实时监测各个监控区域状态，支持按条件和点位筛选查看。',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/access.png',
-      title: '远程访问',
-      subTitle:
-        '管理员可以通过手机、电脑等终端远程访问监控系统，随时随地查看实时监控画面和监测数据，保持对监控区域的掌控。',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/building/playback.png',
-      title: '录像回放',
-      subTitle:
-        '系统支持对监控录像进行存储和回放，管理员可以根据需要查看历史监控记录，了解过去一段时间内的情况。',
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '智慧安防',
-      children: [
-        {
-          title:
-            '安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视',
-        },
-        {
-          title:
-            '智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测',
-        },
-        {
-          title:
-            '日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检',
-        },
-      ],
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/control.png',
+        title: '远程控制',
+        subTitle:
+          '支持远程控制，通行人员可以通过小程序或PC后台进行远程开关门操作。',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/identify.png',
+        title: '智能识别',
+        subTitle:
+          '采用先进的生物识别技术，如指纹识别、人脸识别等，实现快速、准确的身份识别。',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/mode.png',
+        title: '多种开门方式',
+        subTitle:
+          '支持多种开门方式，如密码、二维码、远程开门等，满足不同场景和需求。',
+      },
+      {
+        id: '4',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/monitor.png',
+        title: '实时监控',
+        subTitle:
+          '具备实时监控功能，可以实时记录门禁的开关状态、通行记录等信息，方便管理员管理和查询。',
+      },
+    ],
+    hoverBackColor: 'white'
+  },
+  {
+    type: 'LeftMiddleRightText',
+    listOrData: [
+      {
+        id: '1',
+        children: [
+          {
+            title: '出入记录',
+            content:
+              '系统自动记录人员的出入时间、地点和目的，并生成详细的通行记录，可供后续查询和分析。',
+            url: '/public/building/pass.png',
+          },
+        ],
+      },
+      {
+        id: '2',
+        children: [
+          {
+            title: '实时监控',
+            content:
+              '管理员可以通过系统实时监控人员的出入情况，查看实时数据和警报信息。',
+            url: '/public/building/monitor.png',
+          },
+        ],
+      },
+      {
+        id: '3',
+        children: [
+          {
+            title: '报表统计',
+            content:
+              '支持生成通行报表和统计图表，帮助管理者全面了解人员通行情况和趋势。',
+            url: '/public/building/statistics.png',
+          },
+        ],
+      },
+    ],
+    componentTitle: '访客授权快捷登记',
+    titleTextAlign: 'text-end',
+    textAlign: 'text-end',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightText',
+    listOrData: [
+      {
+        id: '1',
+        children: [
+          {
+            title: '出入记录',
+            content:
+              '系统自动记录人员的出入时间、地点和目的，并生成详细的通行记录，可供后续查询和分析。',
+            url: '/public/building/pass.png',
+          },
+        ],
+      },
+      {
+        id: '2',
+        children: [
+          {
+            title: '实时监控',
+            content:
+              '管理员可以通过系统实时监控人员的出入情况，查看实时数据和警报信息。',
+            url: '/public/building/monitor.png',
+          },
+        ],
+      },
+      {
+        id: '3',
+        children: [
+          {
+            title: '报表统计',
+            content:
+              '支持生成通行报表和统计图表，帮助管理者全面了解人员通行情况和趋势。',
+            url: '/public/building/statistics.png',
+          },
+        ],
+      },
+    ],
+    componentTitle: '通行记录线上管理',
+    titleTextAlign: 'text-end',
+    textAlign: 'text-end',
+  },
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '/public/image/building/pointPosition.png',
+      title: '智能门禁点位',
+      content:
+        '在主要出入口、核心办公区、机房控制室等位置，安装智能门禁设备，支持刷卡、刷脸、扫码等形式通行，一方面避免外来人员随意进入保障整体安全，另一方面对根据员工属性进行内部通行管理。',
     },
-    {
-      id: '2',
-      tabName: '车辆违停管理',
-      children: [
-        {
-          title: '电动车入楼检测电动车入楼检测',
-        },
-        {
-          title: '声光警戒声光警戒',
-        },
-        {
-          title: '平台弹窗报警平台弹窗报警',
-        },
-      ],
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    componentTitle: '智慧识别便捷通行',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/monitoring2.png',
+        title: '实时监控',
+        subTitle:
+          '系统汇集楼宇内全部高清摄像头图像，实时监测各个监控区域状态，支持按条件和点位筛选查看。',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/access.png',
+        title: '远程访问',
+        subTitle:
+          '管理员可以通过手机、电脑等终端远程访问监控系统，随时随地查看实时监控画面和监测数据，保持对监控区域的掌控。',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/building/playback.png',
+        title: '录像回放',
+        subTitle:
+          '系统支持对监控录像进行存储和回放，管理员可以根据需要查看历史监控记录，了解过去一段时间内的情况。',
+      },
+    ],
+  },
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '/public/image/building/pointPosition.png',
+      title: '智能门禁点位',
+      content:
+        '在主要出入口、核心办公区、机房控制室等位置，安装智能门禁设备，支持刷卡、刷脸、扫码等形式通行，一方面避免外来人员随意进入保障整体安全，另一方面对根据员工属性进行内部通行管理。',
     },
-  ]
-}
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '智慧安防',
+        children: [
+          {
+            title:
+              '安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视安全监视',
+          },
+          {
+            title:
+              '智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测智能监测',
+          },
+          {
+            title:
+              '日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检日常巡检',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '车辆违停管理',
+        children: [
+          {
+            title: '电动车入楼检测电动车入楼检测',
+          },
+          {
+            title: '声光警戒声光警戒',
+          },
+          {
+            title: '平台弹窗报警平台弹窗报警',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+
+]

src/data/zh/civilizedCity.js

@@ -1,69 +1,92 @@
-export default {
-  sNav: ['场景化解决方案', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/solutions/enterprise-wireless/industry-wireless/industry-wireless-banner-pc1.jpg',
-    title: '文明创城',
-    content: '文明创城文明创城',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['场景化解决方案', '相关资源'],
   },
-  leftImgRightTextList: [
-    {
-      id: '1',
-      url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
-      children: {
-        title: '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
-        content:
-          '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
-      },
-    },
-    {
-      id: '2',
-      url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
-      children: {
-        title: '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
-        content:
-          '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
-      },
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '彩页',
-      children: [
-        {
-          title: '文明创城文明创城文明创城文明创城文明创城文明创城',
-        },
-        {
-          title: '文明创城文明创城文明创城文明创城文明创城',
-        },
-        {
-          title: '文明创城文明创城文明创城文明创城文明创城文明创城',
-        },
-        {
-          title:
-            '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
-        },
-        {
-          title:
-            '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
-        },
-        {
-          title:
-            '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
-        },
-      ],
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/solutions/enterprise-wireless/industry-wireless/industry-wireless-banner-pc1.jpg',
+      title: '文明创城',
+      content: '文明创城文明创城',
     },
-    {
-      id: '2',
-      tabName: '白皮书',
-      children: [
-        {
-          title: '文明创城文明创城文明创城文明创城文明创城',
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
+        children: {
+          title: '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+          content:
+            '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
         },
-        {
-          title: '文明创城文明创城文明创城文明创城',
+      },
+      {
+        id: '2',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
+        children: {
+          title: '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+          content:
+            '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
         },
-      ],
-    },
-  ]
-}
+      },
+    ],
+    componentTitle: '场景化解决方案',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '彩页',
+        children: [
+          {
+            title: '文明创城文明创城文明创城文明创城文明创城文明创城',
+          },
+          {
+            title: '文明创城文明创城文明创城文明创城文明创城',
+          },
+          {
+            title: '文明创城文明创城文明创城文明创城文明创城文明创城',
+          },
+          {
+            title:
+              '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+          },
+          {
+            title:
+              '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+          },
+          {
+            title:
+              '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '白皮书',
+        children: [
+          {
+            title: '文明创城文明创城文明创城文明创城文明创城',
+          },
+          {
+            title: '文明创城文明创城文明创城文明创城',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/community.js

@@ -1,140 +1,120 @@
-export default {
-  sNav: ['社区目的', '客户需求程度', '相关产品'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/solutions/data-center/data-center-banner-pc.jpg',
-    title: '智慧社区',
-    content: '智慧社区有智慧',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['社区目的', '客户需求程度', '相关产品'],
   },
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/community/satisfaction.png',
-      title: '提升用户满意度',
-      subTitle:
-        '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/solutions/data-center/data-center-banner-pc.jpg',
+      title: '智慧社区',
+      content: '智慧社区有智慧',
     },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/community/optimization.png',
-      title: '优化运营效率',
-      subTitle:
-        '利用智能化设备辅助人工，提升人员工作效率；基于数据实现人力等资源的优化调配',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/community/marketing.png',
-      title: '支撑精准营销',
-      subTitle:
-        '通过智能化设备收集客户数据，丰富客户画像；未来可基于社区客户画像，实现对于社区客户的精准营销',
-    },
-  ],
-  carouselList2: [
-    {
-      id: '1',
-      children: [
-        {
-          title: '安防需求',
-          content: '女性、有宠物或有未成年儿童的业主对智能门锁及安全摄像头需较高',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-    {
-      id: '2',
-      children: [
-        {
-          title: '节能经济需求',
-          content:
-            '消费者希望智能家居在能节约能源，这样就算智能家居本身价格较高也可以接受',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-    {
-      id: '3',
-      children: [
-        {
-          title: '生活便利需求',
-          content: '消费者希望智能家居能提升便利性',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '智慧家居',
-      children: [
-        {
-          title: '硬件',
-          content: '为优化客户体验，应以客户需求度较高的设备为主',
-        },
-        {
-          title: '控制系统',
-          content:
-            '开发语音中控，集成对于全屋智慧家居设备的语音控制，同时提供辅助客户端应用进行远程或备选控制同时提供辅助客户端应用进行远程或备选控制',
-        },
-        {
-          title: '合作模式',
-          content:
-            '成立银城智慧家居实验样板间，请各硬件供应商和系统集成商进行测试赛马',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '智慧充电',
-      children: [
-        {
-          title: '智能寻桩',
-          content: '快速查询到身边的合适的充电设施',
-        },
-        {
-          title: '有效预约',
-          content: '高效的分配调度机制，确保预约能够成功保留',
-        },
-        {
-          title: '实时监控',
-          content: '充电电流、使用费用实时查询',
-        },
-        {
-          title: '高效分配',
-          content: '后台自动分配空闲可用充电桩',
-        },
-        {
-          title: '便捷支付',
-          content: '微信、支付宝支付轻松便捷',
-        },
-        {
-          title: '自动清算',
-          content: '自动判断、收费无需人工操作',
-        },
-      ],
-    },
-    {
-      id: '3',
-      tabName: '控制系统',
-      children: [
-        {
-          title: '手动遥控',
-          content:
-            '目前中国较为成熟的智慧公寓产品均以开关、面板或APP为主要控制方式',
-        },
-        {
-          title: '语音控制',
-          content:
-            '银城可切入更加便捷的语音家居领域，打造差异化品牌形象，实现弯道超车声控技术本身已较为稳定及成熟',
-        },
-        {
-          title: '自动控制',
-          content:
-            '通过人工智能实现对于用户需求的自动感知，并以此来控制智能家居是最为便捷的方式，也是银城的未来的发展方向',
-        },
-      ],
-    },
-  ]
-}
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/community/satisfaction.png',
+        title: '提升用户满意度',
+        subTitle:
+          '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/community/optimization.png',
+        title: '优化运营效率',
+        subTitle:
+          '利用智能化设备辅助人工，提升人员工作效率；基于数据实现人力等资源的优化调配',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/community/marketing.png',
+        title: '支撑精准营销',
+        subTitle:
+          '通过智能化设备收集客户数据，丰富客户画像；未来可基于社区客户画像，实现对于社区客户的精准营销',
+      },
+    ],
+    componentTitle: '社区目的',
+    componentsBg: 'bg-img',
+    hoverBackColor: 'white',
+  },
+  {
+    type: 'LeftMiddleRightText',
+    listOrData: [
+      {
+        id: '1',
+        children: [
+          {
+            title: '安防需求',
+            content: '女性、有宠物或有未成年儿童的业主对智能门锁及安全摄像头需较高',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+      {
+        id: '2',
+        children: [
+          {
+            title: '节能经济需求',
+            content:
+              '消费者希望智能家居在能节约能源，这样就算智能家居本身价格较高也可以接受',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+      {
+        id: '3',
+        children: [
+          {
+            title: '生活便利需求',
+            content: '消费者希望智能家居能提升便利性',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+    ],
+    componentTitle: '客户需求程度',
+    titleTextAlign: 'text-end',
+    textAlign: 'text-end',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '实施步骤',
+        children: [
+          {
+            title: '完成SCRM&SCM基本功能',
+            content:
+              '搭建智慧展馆的架构基础，将数据化用户画像收集起来，为展馆数字化，智慧化做铺垫。',
+          },
+          {
+            title: '完成ESS展会业务系统&OSS运营支持系统展馆线上线下一体化体验',
+            content:
+              '通过运营平台给参观客户定制专属参观方案，联动馆内IOT物联网设备平台进行有效的互动，增加体验感的同时记录客户参展信息，为后续丰富用户画像做数据支撑基础。',
+          },
+          {
+            title: '数据看板及BI报表通过展前',
+            content:
+              '展中的数据收集，使用数据漏斗分析各个维度的用户需求，给出分析和商业跟进价值，做的一展一分析，数据可视化，为展后工作做指导，初步建成智慧展馆平台目标。',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/crm.js

@@ -1,57 +1,84 @@
-export default {
-  sNav: ['服务产品', '成功案例', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/solutions/services/industry-integration/industry-integration-banner-pc.jpg',
-    title: 'CRM管理',
-    content: 'CRM管理CRM管理',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['服务产品', '成功案例', '相关资源'],
   },
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/solutions/services/industry-integration/industry-integration-banner-pc.jpg',
       title: 'CRM管理',
-      subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+      content: 'CRM管理CRM管理',
     },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-      title: 'CRM管理',
-      subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-      title: 'CRM管理',
-      subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
-    },
-  ],
-  leftImgRightTextList: [
-    {
-      id: '1',
-      url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.jpg',
-      children: {
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
         title: 'CRM管理',
-        content:
-          'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+        subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
       },
-    },
-  ],
-  verticalNavigationContentList: [
-    {
-      id: '1',
-      tabName: '白皮书',
-      children: [
-        {
-          title:
-            'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+        title: 'CRM管理',
+        subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+        title: 'CRM管理',
+        subTitle: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+      },
+    ],
+    componentTitle: '服务产品',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.jpg',
+        children: {
+          title: 'CRM管理',
+          content:
+            'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
         },
-      ],
-    },
-  ]
-}
+      },
+    ],
+    componentTitle: '成功案例',
+    textAlign: 'text-center',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '白皮书',
+        children: [
+          {
+            title:
+              'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/custom.js

@@ -1,64 +1,80 @@
-export default {
-  sNav: ['场景化解决方案', '相关产品', '成功案例', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/EBG/Images/SolutionV2/enterprise-network/sd-wan/cloudwan/cloud-wan-banner-pc.jpg',
-    title: '定制开发',
-    content: '定制开发定制开发',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['场景化解决方案', '相关产品', '成功案例', '相关资源'],
   },
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/EBG/Images/SolutionV2/enterprise-network/sd-wan/cloudwan/cloud-wan-banner-pc.jpg',
       title: '定制开发',
-      subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      content: '定制开发定制开发',
     },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-      title: '定制开发',
-      subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-      title: '定制开发',
-      subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
-  ],
-  carouselList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: '定制开发',
-      subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-      title: '定制开发',
-      subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-      title: '定制开发',
-      subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-    },
-  ],
-  carouselList2: [
-    [
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '定制开发',
+        subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+        title: '定制开发',
+        subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+        title: '定制开发',
+        subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+    ],
+    componentTitle: '场景化解决方案',
+    hoverBackColor: 'white',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '定制开发',
+        subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+        title: '定制开发',
+        subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+        title: '定制开发',
+        subTitle: '定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+    ],
+    componentTitle: '相关产品'
+  },
+  {
+    type: 'Carousel',
+    list: [
       [
         {
           id: '1',
@@ -71,8 +87,6 @@ export default {
           },
         },
       ],
-    ],
-    [
       [
         {
           id: '2',
@@ -86,46 +100,60 @@ export default {
         },
       ],
     ],
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '彩页',
-      children: [
-        {
-          title: '定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-        {
-          title: '定制开发定制开发定制开发定制开发定制开发',
-        },
-        {
-          title: '定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-        {
-          title:
-            '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-        {
-          title:
-            '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-        {
-          title:
-            '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '白皮书',
-      children: [
-        {
-          title: '定制开发定制开发定制开发定制开发定制开发',
-        },
-        {
-          title: '定制开发定制开发定制开发定制开发',
-        },
-      ],
-    },
-  ]
-}
+    componentTitle: '成功案例',
+    line: '0',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '彩页',
+        children: [
+          {
+            title: '定制开发定制开发定制开发定制开发定制开发定制开发',
+          },
+          {
+            title: '定制开发定制开发定制开发定制开发定制开发',
+          },
+          {
+            title: '定制开发定制开发定制开发定制开发定制开发定制开发',
+          },
+          {
+            title:
+              '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+          },
+          {
+            title:
+              '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+          },
+          {
+            title:
+              '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '白皮书',
+        children: [
+          {
+            title: '定制开发定制开发定制开发定制开发定制开发',
+          },
+          {
+            title: '定制开发定制开发定制开发定制开发',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/erp.js

@@ -1,76 +1,94 @@
-export default {
-  sNav: [
-    '选择云致的理由',
-    '场景化解决方案',
-    '我们如何帮助客户成功',
-    '配套产品',
-    '相关资源',
-  ],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/products/storage/all-flash-storage/all-flash-storage-banner-pc_001.jpg',
-    title: 'ERP',
-    content: 'ERPERP',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: [
+      '选择云致的理由',
+      '场景化解决方案',
+      '我们如何帮助客户成功',
+      '配套产品',
+      '相关资源',
+    ],
   },
-  leftImgRightTextList: [
-    {
-      id: '1',
-      url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
-      children: {
-        title: 'ERPERPERPERPERPERPERPERP',
-        content:
-          'ERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERP',
-      },
-    },
-    {
-      id: '2',
-      url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
-      children: {
-        title: 'ERPERPERPERPERPERPERPERP',
-        content:
-          'ERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERP',
-      },
-    },
-  ],
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: 'ERP',
-      subTitle: 'ERPERPERPERPERPERPERP',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: 'ERP',
-      subTitle: 'ERPERPERPERPERPERPERP',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/products/storage/all-flash-storage/all-flash-storage-banner-pc_001.jpg',
       title: 'ERP',
-      subTitle: 'ERPERPERPERPERPERPERP',
+      content: 'ERPERP',
     },
-  ],
-  carouselList: [
-    [
-      [
-        {
-          id: '1',
-          url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
-          children: {
-            title: 'ERP',
-            content: 'ERPERPERPERPERPERPERPERP',
-          },
+    componentTitle: '选择云致的理由',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
+        children: {
+          title: 'ERPERPERPERPERPERPERPERP',
+          content:
+            'ERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERP',
         },
-      ],
+      },
+      {
+        id: '2',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
+        children: {
+          title: 'ERPERPERPERPERPERPERPERP',
+          content:
+            'ERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERP',
+        },
+      },
+    ],
+    componentTitle: '选择云致的理由',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: 'ERP',
+        subTitle: 'ERPERPERPERPERPERPERP',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: 'ERP',
+        subTitle: 'ERPERPERPERPERPERPERP',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: 'ERP',
+        subTitle: 'ERPERPERPERPERPERPERP',
+      },
     ],
-    [
+    componentsBg: 'bg-img',
+    hoverBackColor: 'white',
+  },
+  {
+    type: 'Carousel',
+    list: [
+      [{
+        id: '1',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
+        children: {
+          title: 'ERP',
+          content: 'ERPERPERPERPERPERPERPERP',
+        },
+      },
+      ],
       [
         {
           id: '2',
@@ -80,106 +98,125 @@ export default {
             content: 'ERPERPERPERPERPERPERPERP',
           },
         },
-      ],
+      ]
     ],
-  ],
-  informationList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: 'ERP',
-      subTitle: 'ERPERPERPERPERPERPERP',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: 'ERP',
-      subTitle: 'ERPERPERPERPERPERPERP',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: 'ERP',
-      subTitle: 'ERPERPERPERPERPERPERP',
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '智慧家居',
-      children: [
-        {
-          title: '硬件',
-          content: '为优化客户体验，应以客户需求度较高的设备为主',
-        },
-        {
-          title: '控制系统',
-          content:
-            '开发语音中控，集成对于全屋智慧家居设备的语音控制，同时提供辅助客户端应用进行远程或备选控制同时提供辅助客户端应用进行远程或备选控制',
-        },
-        {
-          title: '合作模式',
-          content:
-            '成立银城智慧家居实验样板间，请各硬件供应商和系统集成商进行测试赛马',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '智慧充电',
-      children: [
-        {
-          title: '智能寻桩',
-          content: '快速查询到身边的合适的充电设施',
-        },
-        {
-          title: '有效预约',
-          content: '高效的分配调度机制，确保预约能够成功保留',
-        },
-        {
-          title: '实时监控',
-          content: '充电电流、使用费用实时查询',
-        },
-        {
-          title: '高效分配',
-          content: '后台自动分配空闲可用充电桩',
-        },
-        {
-          title: '便捷支付',
-          content: '微信、支付宝支付轻松便捷',
-        },
-        {
-          title: '自动清算',
-          content: '自动判断、收费无需人工操作',
-        },
-      ],
-    },
-    {
-      id: '3',
-      tabName: '控制系统',
-      children: [
-        {
-          title: '手动遥控',
-          content:
-            '目前中国较为成熟的智慧公寓产品均以开关、面板或APP为主要控制方式',
-        },
-        {
-          title: '语音控制',
-          content:
-            '银城可切入更加便捷的语音家居领域，打造差异化品牌形象，实现弯道超车声控技术本身已较为稳定及成熟',
-        },
-        {
-          title: '自动控制',
-          content:
-            '通过人工智能实现对于用户需求的自动感知，并以此来控制智能家居是最为便捷的方式，也是银城的未来的发展方向',
-        },
-      ],
-    },
-  ]
-}
+    componentTitle: '我们如何帮助客户成功',
+    line: '0',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: 'ERP',
+        subTitle: 'ERPERPERPERPERPERPERP',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: 'ERP',
+        subTitle: 'ERPERPERPERPERPERPERP',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: 'ERP',
+        subTitle: 'ERPERPERPERPERPERPERP',
+      },
+    ],
+    componentTitle: '配套产品',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '智慧家居',
+        children: [
+          {
+            title: '硬件',
+            content: '为优化客户体验，应以客户需求度较高的设备为主',
+          },
+          {
+            title: '控制系统',
+            content:
+              '开发语音中控，集成对于全屋智慧家居设备的语音控制，同时提供辅助客户端应用进行远程或备选控制同时提供辅助客户端应用进行远程或备选控制',
+          },
+          {
+            title: '合作模式',
+            content:
+              '成立银城智慧家居实验样板间，请各硬件供应商和系统集成商进行测试赛马',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '智慧充电',
+        children: [
+          {
+            title: '智能寻桩',
+            content: '快速查询到身边的合适的充电设施',
+          },
+          {
+            title: '有效预约',
+            content: '高效的分配调度机制，确保预约能够成功保留',
+          },
+          {
+            title: '实时监控',
+            content: '充电电流、使用费用实时查询',
+          },
+          {
+            title: '高效分配',
+            content: '后台自动分配空闲可用充电桩',
+          },
+          {
+            title: '便捷支付',
+            content: '微信、支付宝支付轻松便捷',
+          },
+          {
+            title: '自动清算',
+            content: '自动判断、收费无需人工操作',
+          },
+        ],
+      },
+      {
+        id: '3',
+        tabName: '控制系统',
+        children: [
+          {
+            title: '手动遥控',
+            content:
+              '目前中国较为成熟的智慧公寓产品均以开关、面板或APP为主要控制方式',
+          },
+          {
+            title: '语音控制',
+            content:
+              '银城可切入更加便捷的语音家居领域，打造差异化品牌形象，实现弯道超车声控技术本身已较为稳定及成熟',
+          },
+          {
+            title: '自动控制',
+            content:
+              '通过人工智能实现对于用户需求的自动感知，并以此来控制智能家居是最为便捷的方式，也是银城的未来的发展方向',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/eshop.js

@@ -1,66 +1,88 @@
-export default {
-  sNav: ['电商产品', '相关资源'],
-  imgProData: {
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/security/topic/security-products-pc.jpg',
-    title: '电商系统',
-    content: '电商系统电商系统',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['电商产品', '相关资源'],
   },
-  carouselList: [
-    {
-      id: '1',
-      children: [
-        {
-          title: '电商系统',
-          content:
-            '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-          url: '/public/building/message.png',
-        },
-      ],
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/security/topic/security-products-pc.jpg',
+      title: '电商系统',
+      content: '电商系统电商系统',
     },
-    {
-      id: '2',
-      children: [
-        {
-          title: '电商系统',
-          content:
-            '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-    {
-      id: '3',
-      children: [
-        {
-          title: '电商系统',
-          content:
-            '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-  ],
-  verticalNavigationContentList: [
-    {
-      id: '1',
-      tabName: '彩页',
-      children: [
-        {
-          title: '电商系统电商系统电商系统电商系统电商系统电商系统',
-        },
-        {
-          title:
-            '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-        },
-        {
-          title:
-            '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-        },
-        {
-          title:
-            '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
-        },
-      ],
-    },
-  ]
-}
+  },
+  {
+    type: 'LeftMiddleRightText',
+    listOrData: [
+      {
+        id: '1',
+        children: [
+          {
+            title: '电商系统',
+            content:
+              '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+      {
+        id: '2',
+        children: [
+          {
+            title: '电商系统',
+            content:
+              '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+      {
+        id: '3',
+        children: [
+          {
+            title: '电商系统',
+            content:
+              '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+    ],
+    componentTitle: '电商产品',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '彩页',
+        children: [
+          {
+            title: '电商系统电商系统电商系统电商系统电商系统电商系统',
+          },
+          {
+            title:
+              '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+          },
+          {
+            title:
+              '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+          },
+          {
+            title:
+              '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/exhibitionAll.js

@@ -1,74 +1,60 @@
-export default {
-  sNav: ['5G网络覆盖', '成功案例', '界面设计与用户体验', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/solutions/digital-site/digital-site-banner-pc.png',
-    title: '智慧展馆',
-    content: '智慧展馆有智慧',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['5G网络覆盖', '成功案例', '界面设计与用户体验', '相关资源'],
   },
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/exhibition-all/3g.png',
-      title: '3G图片时代',
-      subTitle:
-        '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/solutions/digital-site/digital-site-banner-pc.png',
+      title: '智慧展馆',
+      content: '智慧展馆有智慧',
     },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/exhibition-all/4g.png',
-      title: '4G视频时代',
-      subTitle:
-        '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/exhibition-all/5g.png',
-      title: '5G万物互联时代',
-      subTitle:
-        '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '实施步骤',
-      children: [
-        {
-          title: '完成SCRM&SCM基本功能',
-          content:
-            '搭建智慧展馆的架构基础，将数据化用户画像收集起来，为展馆数字化，智慧化做铺垫。',
-        },
-        {
-          title: '完成ESS展会业务系统&OSS运营支持系统展馆线上线下一体化体验',
-          content:
-            '通过运营平台给参观客户定制专属参观方案，联动馆内IOT物联网设备平台进行有效的互动，增加体验感的同时记录客户参展信息，为后续丰富用户画像做数据支撑基础。',
-        },
-        {
-          title: '数据看板及BI报表通过展前',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/exhibition-all/3g.png',
+        title: '3G图片时代',
+        subTitle:
+          '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/exhibition-all/4g.png',
+        title: '4G视频时代',
+        subTitle:
+          '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/exhibition-all/5g.png',
+        title: '5G万物互联时代',
+        subTitle:
+          '利用智能化手段，提升社区居住的便捷性和安全性，提升社区居民的满意度',
+      },
+    ],
+    componentTitle: '5G网络覆盖',
+    componentsBg: 'bg-img',
+    hoverBackColor: 'white',
+  },
+  {
+    type: 'Carousel',
+    list: [
+      [{
+        id: '1',
+        url: '/public/image/exhibition-all/pavilion.png',
+        children: {
+          title: '展馆管理',
           content:
-            '展中的数据收集，使用数据漏斗分析各个维度的用户需求，给出分析和商业跟进价值，做的一展一分析，数据可视化，为展后工作做指导，初步建成智慧展馆平台目标。',
-        },
-      ],
-    },
-  ],
-  carouselList2: [
-    [
-      [
-        {
-          id: '1',
-          url: '/public/image/exhibition-all/pavilion.png',
-          children: {
-            title: '展馆管理',
-            content:
-              '统一、标准化管理，根据参观行业等，快速高效的为客户提供参观内容，并同步至智慧展厅。',
-          },
+            '统一、标准化管理，根据参观行业等，快速高效的为客户提供参观内容，并同步至智慧展厅。',
         },
-      ],
-    ],
-    [
+      },],
       [
         {
           id: '2',
@@ -80,8 +66,6 @@ export default {
           },
         },
       ],
-    ],
-    [
       [
         {
           id: '3',
@@ -92,10 +76,7 @@ export default {
               '建立客户全方位画像，掌握客户的兴趣和需求，并通过个性化的邀约和营销策略，提高客户参展率和到访率。',
           },
         },
-      ],
-    ],
-    [
-      [
+      ], [
         {
           id: '4',
           url: '/public/image/exhibition-all/release.png',
@@ -105,33 +86,85 @@ export default {
               '快速发布展厅信息内容，省去繁杂的编辑环节，为客户提供最好的展馆参观体验。',
           },
         },
-      ],
+      ]
     ],
-  ],
-  informationList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/exhibition-all/concise.png',
-      title: '简洁明了的操作界面',
-      subTitle:
-        '采用简洁、直观的操作界面设计，方便用户快速上手使用BOSS系统。避免复杂和繁琐的操作流程，提高用户体验。',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/exhibition-all/personality.png',
-      title: '提供个性化定制服务',
-      subTitle:
-        '根据不同用户的需求和习惯，提供个性化的定制服务。例如：界面主题、布局、配色等可根据用户喜好进行定制，提高用户体验的个性化程度。',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb: '/public/image/exhibition-all/feedback.png',
-      title: '实时反馈与互动',
-      subTitle:
-        '在BOSS系统中实现实时反馈与互动功能，提升用户参与感和体验感。例如：在用户操作时给出实时提示和引导信息，便于用户更好地理解和使用系统。同时，提供互动交流平台，方便用户之间的沟通与交流。',
-    },
-  ]
-}
+    componentTitle: '成功案例',
+    line: '0',
+    textAlign: 'text-center',
+    titleTextAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/exhibition-all/pavilion.png',
+        title: '展馆管理',
+        subTitle:
+          '统一、标准化管理，根据参观行业等，快速高效的为客户提供参观内容，并同步至智慧展厅。',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/exhibition-all/resource.png',
+        title: '资源管理',
+        subTitle:
+          '统一、标准化管理，根据参观行业等，快速高效的为客户提供参观内容，并同步至智慧展厅。',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/exhibition-all/visit.png',
+        title: '参观管理',
+        subTitle:
+          '建立客户全方位画像，掌握客户的兴趣和需求，并通过个性化的邀约和营销策略，提高客户参展率和到访率。',
+      },
+      {
+        id: '4',
+        link: 'http://www.baidu.com',
+        thumb: '/public/image/exhibition-all/release.png',
+        title: '发布管理',
+        subTitle:
+          '快速发布展厅信息内容，省去繁杂的编辑环节，为客户提供最好的展馆参观体验。',
+      },
+    ],
+    componentTitle: '界面设计与用户体验',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '实施步骤',
+        children: [
+          {
+            title: '完成SCRM&SCM基本功能',
+            content:
+              '搭建智慧展馆的架构基础，将数据化用户画像收集起来，为展馆数字化，智慧化做铺垫。',
+          },
+          {
+            title: '完成ESS展会业务系统&OSS运营支持系统展馆线上线下一体化体验',
+            content:
+              '通过运营平台给参观客户定制专属参观方案，联动馆内IOT物联网设备平台进行有效的互动，增加体验感的同时记录客户参展信息，为后续丰富用户画像做数据支撑基础。',
+          },
+          {
+            title: '数据看板及BI报表通过展前',
+            content:
+              '展中的数据收集，使用数据漏斗分析各个维度的用户需求，给出分析和商业跟进价值，做的一展一分析，数据可视化，为展后工作做指导，初步建成智慧展馆平台目标。',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/gov.js

@@ -1,38 +1,51 @@
-export default {
-  sNav: ['场景化解决方案', '成功案例', '新闻与活动', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/industries/education/topic/education-banner-pc-02.jpg',
-    title: '政务服务',
-    content: '政务服务政务服务',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['场景化解决方案', '成功案例', '新闻与活动', '相关资源'],
   },
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/industries/education/topic/education-banner-pc-02.jpg',
       title: '政务服务',
-      subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+      content: '政务服务政务服务',
     },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: '政务服务',
-      subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: '政务服务',
-      subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-    },
-  ],
-  carouselList: [
-    [
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '政务服务',
+        subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '政务服务',
+        subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '政务服务',
+        subTitle: '政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+      },
+    ],
+    componentTitle: '场景化解决方案',
+    componentsBg: 'bg-img',
+    white: 'white',
+  },
+  {
+    type: 'Carousel',
+    list: [
       [
         {
           id: '1',
@@ -45,8 +58,6 @@ export default {
           },
         },
       ],
-    ],
-    [
       [
         {
           id: '2',
@@ -58,87 +69,105 @@ export default {
               '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
           },
         },
-      ],
+      ]
     ],
-  ],
-  carouselList2: [
-    {
-      id: '1',
-      children: [
-        {
-          title: '政务服务',
-          content:
-            '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-    {
-      id: '2',
-      children: [
-        {
-          title: '政务服务',
-          content:
-            '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-    {
-      id: '3',
-      children: [
-        {
-          title: '政务服务',
-          content:
-            '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
-          url: '/public/building/message.png',
-        },
-      ],
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '白皮书白皮书白皮书',
-      children: [
-        {
-          title: '智慧园区2030',
-          content:
-            '智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030',
-        },
-        {
-          title: 'Future Intelligent Campus White Paper For Asia Pacific',
-          content: 'Future Intelligent Campus White Paper For Asia Pacific',
-        },
-        {
-          title: 'Future Net Zero Intelligent Campus White Paper ME&CA 2023',
-          content: 'Future Intelligent Campus White Paper For Asia Pacific',
-        },
-        {
-          title: '智慧园区发展白皮书（上海）',
-          content: '智慧园区发展白皮书（上海）',
-        },
-        {
-          title: '未来智慧园区白皮书2022',
-          content: '未来智慧园区白皮书2022',
-        },
-        {
-          title: '未来智慧园区白皮书',
-          content: '未来智慧园区白皮书',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '彩页彩页',
-      children: [
-        {
-          title: '华为智慧园区解决方案介绍',
-        },
-        {
-          title: '园区产品组合方案彩页23.0',
-        },
-      ],
-    },
-  ]
-}
+    componentTitle: '成功案例',
+    line: '0',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightText',
+    listOrData: [
+      {
+        id: '1',
+        children: [
+          {
+            title: '政务服务',
+            content:
+              '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+      {
+        id: '2',
+        children: [
+          {
+            title: '政务服务',
+            content:
+              '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+      {
+        id: '3',
+        children: [
+          {
+            title: '政务服务',
+            content:
+              '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+            url: '/public/building/message.png',
+          },
+        ],
+      },
+    ],
+    componentTitle: '新闻与活动'
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '白皮书白皮书白皮书',
+        children: [
+          {
+            title: '智慧园区2030',
+            content:
+              '智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030智慧园区2030',
+          },
+          {
+            title: 'Future Intelligent Campus White Paper For Asia Pacific',
+            content: 'Future Intelligent Campus White Paper For Asia Pacific',
+          },
+          {
+            title: 'Future Net Zero Intelligent Campus White Paper ME&CA 2023',
+            content: 'Future Intelligent Campus White Paper For Asia Pacific',
+          },
+          {
+            title: '智慧园区发展白皮书（上海）',
+            content: '智慧园区发展白皮书（上海）',
+          },
+          {
+            title: '未来智慧园区白皮书2022',
+            content: '未来智慧园区白皮书2022',
+          },
+          {
+            title: '未来智慧园区白皮书',
+            content: '未来智慧园区白皮书',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '彩页彩页',
+        children: [
+          {
+            title: '华为智慧园区解决方案介绍',
+          },
+          {
+            title: '园区产品组合方案彩页23.0',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/govEntHealth.js

@@ -0,0 +1,35 @@
+export default [
+  {
+    type: 'NavSubMenu',
+    list: [
+      {
+        id: '1',
+        href: '/products-solutions/gov-ent-health/gov',
+        url: '/public/menu/gov-ent-health/gov.png',
+        title: '政务服务',
+        subTitle:
+          '各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。',
+      },
+      {
+        id: '2',
+        href: '/products-solutions/gov-ent-health/bank',
+        url: '/public/menu/gov-ent-health/bank.png',
+        title: '银行业务',
+        subTitle:
+          '各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。',
+      },
+      {
+        id: '3',
+        href: '/products-solutions/gov-ent-health/healthcare',
+        url: '/public/menu/gov-ent-health/healthcare.png',
+        title: '医院医疗',
+        subTitle:
+          '各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。',
+      },
+    ]
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/healthcare.js

@@ -1,32 +1,45 @@
-export default {
-  sNav: ['场景化解决方案', '成功案例', '相关产品', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/industries/healthcare/healthcare/healthcare-banner-pc.jpg',
-    title: '医院医疗',
-    content: '医院医疗医院医疗',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['场景化解决方案', '成功案例', '相关产品', '相关资源'],
   },
-  leftImgRightTextList: [
-    {
-      id: '1',
-      url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
-      children: {
-        title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        content:
-          '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-      },
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/industries/healthcare/healthcare/healthcare-banner-pc.jpg',
+      title: '医院医疗',
+      content: '医院医疗医院医疗',
     },
-    {
-      id: '2',
-      url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
-      children: {
-        title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        content:
-          '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
+        children: {
+          title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+          content:
+            '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+        },
       },
-    },
-  ],
-  carouselList: [
-    [
+      {
+        id: '2',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
+        children: {
+          title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+          content:
+            '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+        },
+      }
+    ],
+    componentTitle: '场景化解决方案',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'Carousel',
+    carouselList: [
       [
         {
           id: '1',
@@ -39,8 +52,6 @@ export default {
           },
         },
       ],
-    ],
-    [
       [
         {
           id: '2',
@@ -54,72 +65,91 @@ export default {
         },
       ],
     ],
-  ],
-  carouselList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: '医院医疗',
-      subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-      title: '医院医疗',
-      subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-      title: '医院医疗',
-      subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '彩页',
-      children: [
-        {
-          title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-        {
-          title: '医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-        {
-          title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-        {
-          title:
-            '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-        {
-          title:
-            '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-        {
-          title:
-            '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '白皮书',
-      children: [
-        {
-          title: '医院医疗医院医疗医院医疗医院医疗医院医疗',
-        },
-        {
-          title: '医院医疗医院医疗医院医疗医院医疗',
-        },
-      ],
-    },
-  ]
-}
+    componentTitle: '成功案例',
+    line: '0',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '医院医疗',
+        subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+        title: '医院医疗',
+        subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+        title: '医院医疗',
+        subTitle: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+    ],
+    componentTitle: '相关产品',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '彩页',
+        children: [
+          {
+            title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+          },
+          {
+            title: '医院医疗医院医疗医院医疗医院医疗医院医疗',
+          },
+          {
+            title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+          },
+          {
+            title:
+              '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+          },
+          {
+            title:
+              '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+          },
+          {
+            title:
+              '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '白皮书',
+        children: [
+          {
+            title: '医院医疗医院医疗医院医疗医院医疗医院医疗',
+          },
+          {
+            title: '医院医疗医院医疗医院医疗医院医疗',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/homepage.js

@@ -1,134 +1,139 @@
 
 export default [
-
   {
-    type: 'ImgPro',    
-    imgProData: {
+    type: 'ImgPro',
+    listOrData: {
       url: '//e.huawei.com/-/mediae/images/home/banner/jiasu-banner-pc1.jpg',
       title: '加速行业智能化',
       content:
         '华为持续引领数智基础设施产品与解决方案创新，使能百模千态，赋能千行万业智能化转型',
     },
-  }
-
-
-]
-
-export default {
-  firstpage: {
-    thumb: '../image/homepage/thumb1.png',
-    title: '科技化 数字化 智能化',
-    subTitle: '引领企业基础设施产品与解决方案创新，赋能企业加速发展',
-    link: '',
+    ratio: '16 / 9',
+    titleSize: '60px',
+    textWeight: 'fw-bold',
+    position: 'positionBottom'
   },
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/home/banner/jiasu-banner-pc1.jpg',
-    title: '加速行业智能化',
-    content:
-      '华为持续引领数智基础设施产品与解决方案创新，使能百模千态，赋能千行万业智能化转型',
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/architecture/jiagoutu-cn.png',
+        children: {
+          title: '5G时代数字化营销新平台',
+          content:
+            '中国房地产行业面对着新媒体突飞猛进的传播环境，传统地产营销模式也正面临着全新的转型。精准投放客户，精细化管理项目，降低营销费效比，提升人员能效，已经成为顶尖地产营销人的共识。为提高开发商费效比而生，是基于微信小程序实现的房产创新营销模式；以资讯获取+利益诱导作为核心实现裂变传播；以 数据抓取+分析作为核心驱动力实现在线获客、 精准沟通、社交化传播、客户留存、精准转化 等，构建的精准获客平台。将所有客户汇聚在巨大的流量池中，将信息的 传达与接收、社交传播、活动转化、数据分析 集中于一个入口，最终形成地产生命全周期的 营销闭环与流量闭环，实现成交化。',
+        },
+      },
+      {
+        id: '1',
+        url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/architecture/jiagoutu-cn.png',
+        children: {
+          title: '社区团购小程序系统',
+          content:
+            '商品销量、团长推广和会员分成等平台现状多方位、多维度展示；丰富的数据报表帮助商家更准确的制定营销方案，赚的更高收益。商品基础信息设置、商品库存报警，商品发布、上下架、团长专属商品、规格设置、分类设置……全维度细化商品管理，全面管理在售商品。通过设置普通红包、节日红包、生日红包、新人红包、拼手气红包等红包优惠券，可以将社团群的活跃程度增加，提高团员的消费数据量，扩大社区团购品牌的影响力。通过设置秒杀活动可以更多的进行促销活动吸引社区用户进行购买商品，同时可以加大宣传品牌力度，将社区团购的优势推广，也可以招募更多的团长、供应商来为自己的平台的服务。通过配送路线、配送人员的添加设置，可以用配送员来管理多个社区-团长，这样可以无需再在订单列表筛选团长进行发货，可以统一根据配送路线绑定的社区-团长一键发货，简化流程。在统计分析页面，可以显示商品销量统计、团长销量统计、团长佣金统计、用户分成统计等分析页面，可以通过更多的数据来分析各个商品的销售趋势，以及团长的盈利情况。我们在系统设置中遵循更加人性化的设置理念，将风格设置、金额设置、基础设置等统计划分模块，在风格设置中可以遵循自己的想法设置不同的首页、团长切换等。',
+        },
+      },
+    ],
+    componentTitle: '产品与解决方案',
+    textAlign: 'text-center'
   },
-  leftImgRightTextData: [
-    {
-      id: '1',
-      url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/architecture/jiagoutu-cn.png',
-      children: {
-        title: '5G时代数字化营销新平台',
-        content:
-          '中国房地产行业面对着新媒体突飞猛进的传播环境，传统地产营销模式也正面临着全新的转型。精准投放客户，精细化管理项目，降低营销费效比，提升人员能效，已经成为顶尖地产营销人的共识。为提高开发商费效比而生，是基于微信小程序实现的房产创新营销模式；以资讯获取+利益诱导作为核心实现裂变传播；以 数据抓取+分析作为核心驱动力实现在线获客、 精准沟通、社交化传播、客户留存、精准转化 等，构建的精准获客平台。将所有客户汇聚在巨大的流量池中，将信息的 传达与接收、社交传播、活动转化、数据分析 集中于一个入口，最终形成地产生命全周期的 营销闭环与流量闭环，实现成交化。',
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-finance-summit-2024.jpg',
+        title: '房源交易系统',
+        subTitle: '房源交易业务支撑系统，涵盖新房、二手房、租房的功能管理模块。',
       },
-    },
-    {
-      id: '1',
-      url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/architecture/jiagoutu-cn.png',
-      children: {
-        title: '社区团购小程序系统',
-        content:
-          '商品销量、团长推广和会员分成等平台现状多方位、多维度展示；丰富的数据报表帮助商家更准确的制定营销方案，赚的更高收益。商品基础信息设置、商品库存报警，商品发布、上下架、团长专属商品、规格设置、分类设置……全维度细化商品管理，全面管理在售商品。通过设置普通红包、节日红包、生日红包、新人红包、拼手气红包等红包优惠券，可以将社团群的活跃程度增加，提高团员的消费数据量，扩大社区团购品牌的影响力。通过设置秒杀活动可以更多的进行促销活动吸引社区用户进行购买商品，同时可以加大宣传品牌力度，将社区团购的优势推广，也可以招募更多的团长、供应商来为自己的平台的服务。通过配送路线、配送人员的添加设置，可以用配送员来管理多个社区-团长，这样可以无需再在订单列表筛选团长进行发货，可以统一根据配送路线绑定的社区-团长一键发货，简化流程。在统计分析页面，可以显示商品销量统计、团长销量统计、团长佣金统计、用户分成统计等分析页面，可以通过更多的数据来分析各个商品的销售趋势，以及团长的盈利情况。我们在系统设置中遵循更加人性化的设置理念，将风格设置、金额设置、基础设置等统计划分模块，在风格设置中可以遵循自己的想法设置不同的首页、团长切换等。',
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-hpc2024.jpg',
+        title: '城的空间',
+        subTitle:
+          '为提升售楼处的体验，提高数字化和智能化的进程，提高小区的品质和形象，引入售楼处和后续小区的私有化会所形象，专门为品质生活服务的需求应运而生。',
       },
-    },
-  ],
-  caseList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-finance-summit-2024.jpg',
-      title: '房源交易系统',
-      subTitle: '房源交易业务支撑系统，涵盖新房、二手房、租房的功能管理模块。',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/newsevents/events/events-hpc2024.jpg',
-      title: '城的空间',
-      subTitle:
-        '为提升售楼处的体验，提高数字化和智能化的进程，提高小区的品质和形象，引入售楼处和后续小区的私有化会所形象，专门为品质生活服务的需求应运而生。',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/events/list/2307-storage-ai-product-launch-event-list.jpg',
-      title: '资源管理平台',
-      subTitle:
-        '是针对集团性企业有众多供应商库和众多分公司，对于内部信息 不对称，资源拥有量不清楚的情况，做一个自有资源展示、交易平台。',
-    },
-    {
-      id: '4',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/events/list/2023-cn-data-storage-user-forum-list.jpg',
-      title: '智慧社区',
-      subTitle:
-        '物业系统（停车系统、缴费系统、门禁系统、公告发布系统）、安防系统、管家系统（智能家居）、社区系统以及智能硬件模块对接，实现用户数据采 集、用户电子化管理、用户激活等功能。',
-    },
-    {
-      id: '5',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG2022/Events/list-230426-cn-smart-manufacturing-data-infrastructure.jpg',
-      title: '智慧消防控制平台',
-      subTitle:
-        '展示大屏（分析），依赖动态且丰富的主题信息设计，配合 设计感强的大屏场景设计，从而展示数据及业务现状，达到 一定的数据应用价值。',
-    },
-    {
-      id: '6',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/events/list/220909-cn-longkou-intelligent-city.jpg',
-      title: '邓州市共享农机系统',
-      subTitle:
-        '农机共享平台针对农业农村 局等管理单位提供管理运营 的功能，农业农村局等管理 单位，担任审核、运营及数 据管理的职能。',
-    },
-  ],
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-4.jpg',
-      title: '因聚而生 数智有为”华为举办中国合作伙伴大会2024',
-      subTitle:
-        '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-1.jpg',
-      title: '华为连续四年获Gartner Peer Insights™ SD-WAN “客户之选”',
-      subTitle:
-        '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg',
-      title: '华为独家荣获Gartner Peer Insights™',
-      subTitle:
-        '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
-    },
-  ]
-}
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/events/list/2307-storage-ai-product-launch-event-list.jpg',
+        title: '资源管理平台',
+        subTitle:
+          '是针对集团性企业有众多供应商库和众多分公司，对于内部信息 不对称，资源拥有量不清楚的情况，做一个自有资源展示、交易平台。',
+      },
+      {
+        id: '4',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/events/list/2023-cn-data-storage-user-forum-list.jpg',
+        title: '智慧社区',
+        subTitle:
+          '物业系统（停车系统、缴费系统、门禁系统、公告发布系统）、安防系统、管家系统（智能家居）、社区系统以及智能硬件模块对接，实现用户数据采 集、用户电子化管理、用户激活等功能。',
+      },
+      {
+        id: '5',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG2022/Events/list-230426-cn-smart-manufacturing-data-infrastructure.jpg',
+        title: '智慧消防控制平台',
+        subTitle:
+          '展示大屏（分析），依赖动态且丰富的主题信息设计，配合 设计感强的大屏场景设计，从而展示数据及业务现状，达到 一定的数据应用价值。',
+      },
+      {
+        id: '6',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/events/list/220909-cn-longkou-intelligent-city.jpg',
+        title: '邓州市共享农机系统',
+        subTitle:
+          '农机共享平台针对农业农村 局等管理单位提供管理运营 的功能，农业农村局等管理 单位，担任审核、运营及数 据管理的职能。',
+      },
+    ],
+    componentTitle: '案例展示'
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-4.jpg',
+        title: '因聚而生 数智有为”华为举办中国合作伙伴大会2024',
+        subTitle:
+          '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-1.jpg',
+        title: '华为连续四年获Gartner Peer Insights™ SD-WAN “客户之选”',
+        subTitle:
+          '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/newsevents/news/news-20240314-2.jpg',
+        title: '华为独家荣获Gartner Peer Insights™',
+        subTitle:
+          '华为智能型边缘方案，云边协同、统一运维，打造敏捷智能的园区IT边缘',
+      },
+    ],
+    componentTitle: '最新资讯',
+    btnBottomDisplay: 'true',
+    bhref: '/zh/news'
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/house.js

@@ -1,12 +1,19 @@
-export default {
-  sNav: ['成功案例', '新闻与活动', '行业话题', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/industries/commercial-market/commercial-market/commercial-market-branding-banner-pc2.jpg',
-    title: '房源交易',
-    content: '房源交易房源交易',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['成功案例', '新闻与活动', '行业话题', '相关资源'],
   },
-  carouselList: [
-    [
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/industries/commercial-market/commercial-market/commercial-market-branding-banner-pc2.jpg',
+      title: '房源交易',
+      content: '房源交易房源交易',
+    },
+  },
+  {
+    type: 'Carousel',
+    carouselList: [
       [
         {
           id: '1',
@@ -18,8 +25,6 @@ export default {
           },
         },
       ],
-    ],
-    [
       [
         {
           id: '2',
@@ -32,98 +37,124 @@ export default {
         },
       ],
     ],
-  ],
-  carouselList2: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
-      title: '房源交易',
-      subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
-      title: '房源交易',
-      subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
-      title: '房源交易',
-      subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
-  ],
-  informationList: [
-    {
-      id: '1',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
-      title: '房源交易',
-      subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
-    {
-      id: '2',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
-      title: '房源交易',
-      subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
-    {
-      id: '3',
-      link: 'http://www.baidu.com',
-      thumb:
-        'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
-      title: '房源交易',
-      subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-    },
-  ],
-  list2: [
-    {
-      id: '1',
-      tabName: '彩页',
-      children: [
-        {
-          title: '房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-        {
-          title: '房源交易房源交易房源交易房源交易房源交易',
-        },
-        {
-          title: '房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-        {
-          title:
-            '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-        {
-          title:
-            '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-        {
-          title:
-            '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '白皮书',
-      children: [
-        {
-          title: '房源交易房源交易房源交易房源交易房源交易',
-        },
-        {
-          title: '房源交易房源交易房源交易房源交易',
-        },
-      ],
-    },
-  ]
-}
+    componentTitle: '成功案例',
+    line: '0',
+    textAlign: 'text-center',
+    titleTextAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
+        title: '房源交易',
+        subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
+        title: '房源交易',
+        subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
+        title: '房源交易',
+        subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+    ],
+    componentTitle: '新闻与活动',
+    componentsBg: 'bg-img',
+    hoverBackColor: 'white',
+  },
+  {
+    type: 'LeftMiddleRightImgTextPro',
+    listOrData: [
+      {
+        id: '1',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+        title: '房源交易',
+        subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        id: '2',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+        title: '房源交易',
+        subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        id: '3',
+        link: 'http://www.baidu.com',
+        thumb:
+          'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+        title: '房源交易',
+        subTitle: '房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+    ],
+    componentTitle: '行业话题'
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '彩页',
+        children: [
+          {
+            title: '房源交易房源交易房源交易房源交易房源交易房源交易',
+          },
+          {
+            title: '房源交易房源交易房源交易房源交易房源交易',
+          },
+          {
+            title: '房源交易房源交易房源交易房源交易房源交易房源交易',
+          },
+          {
+            title:
+              '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+          },
+          {
+            title:
+              '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+          },
+          {
+            title:
+              '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '白皮书',
+        children: [
+          {
+            title: '房源交易房源交易房源交易房源交易房源交易',
+          },
+          {
+            title: '房源交易房源交易房源交易房源交易',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/industrialInternet.js

@@ -0,0 +1,28 @@
+export default [
+  {
+    type: 'NavSubMenu',
+    list: [
+      {
+        id: '1',
+        href: '/products-solutions/industrial-internet/mes',
+        url: '/public/menu/industrial-internet/mes.png',
+        title: '云致MES',
+        subTitle:
+          '在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态',
+      },
+      {
+        id: '2',
+        href: '/products-solutions/industrial-internet/erp',
+        url: '/public/menu/industrial-internet/erp.png',
+        title: 'ERP',
+        subTitle:
+          '在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态',
+      },
+    ]
+  }
+  ,
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/lot.js

@@ -0,0 +1,43 @@
+export default [
+  {
+    type: 'NavSubMenu',
+    list: [
+      {
+        id: '1',
+        href: '/products-solutions/lot/building',
+        url: '/public/menu/lot/building.png',
+        title: '智慧楼宇',
+        subTitle:
+          '在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态',
+      },
+      {
+        id: '2',
+        href: '/products-solutions/lot/agriculture',
+        url: '/public/menu/lot/agriculture.png',
+        title: '智慧农业',
+        subTitle:
+          '现代科学技术与农业种植相结合，实现无人化、自动化、智能化管理的农业生产方式。',
+      },
+      {
+        id: '3',
+        href: '/products-solutions/lot/community',
+        url: '/public/menu/lot/community.png',
+        title: '智慧社区',
+        subTitle:
+          '在传统住宅社区的基础上，利用互联网、物联网、云计算、大数据等现代信息技术，实现社区管理智能化和服务智能化的新型居住社区。',
+      },
+      {
+        id: '4',
+        href: '/products-solutions/lot/exhibition-all',
+        url: '/public/menu/lot/exhibition-all.png',
+        title: '智慧展馆',
+        subTitle:
+          '运用先进的信息技术和智能化设备，将展馆打造成一个智能化、数字化、互动化的展览空间，为参观者提供更加丰富、便捷、高效的观展体验。',
+      },
+    ]
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/mes.js

@@ -1,93 +1,122 @@
-export default {
-  sNav: ['数智云简介', '数智云架构', '相关资源'],
-  imgProData: {
-    url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/switches/topic/switches-banner-pc-1130.jpg',
-    title: '云致MES',
-    content: '加工行业量身打造',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['数智云简介', '数智云架构', '相关资源'],
   },
-  list2: [
-    {
-      id: '1',
-      tabName: '应用价值',
-      children: [
-        {
-          title: '降低成本',
-          content:
-            '降低人工订单处理错误率 ，优化作业流程，  减少现场跟单成本 ，有效控制发货节奏 ，   对账省时省力。',
-        },
-        {
-          title: '提高效率',
-          content:
-            '信息采集、反馈实时精准 ，生产进度透 明 ，产销协同 ，作业更高效。',
-        },
-        {
-          title: '品质保证',
-          content: '生产过程品质流程透明 ，可有效追溯货 物 ，保证生产品质。',
-        },
-        {
-          title: '规避风险',
-          content:
-            '建立良性的绩效考核体系 ，规范考核标准，  提升员工积极性 ，实现企业与员工的双赢，  提升企业竟争力与战斗力 ，持续良性运营。',
-        },
-      ],
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/switches/topic/switches-banner-pc-1130.jpg',
+      title: '云致MES',
+      content: '加工行业量身打造',
     },
-    {
-      id: '1',
-      tabName: '客户案例',
-      children: [
-        {
-          title: '庆有建筑',
-          content:
-            '公司位于昆山千灯镇西纬路18号 ，现有员工60余人；  专业从事以铝板为原材料 ，   加工制作铝幕墙、  各种室内铝板造型吊顶、   墙面和包柱铝板等产品的专业企业；   2019年9月导入数智云系统 ，  同年10月成功上线。',
-        },
-        {
-          title: '湘源建筑',
-          content:
-            '公司位于昆山市淀山湖镇黄浦江南路218号 ，  现有员工近80余人 ，是一家建筑    装饰材料的生产厂商 ，产品种类覆盖金属领域、  阳极氧化板、  4D木纹转印、  复    合板、  烤瓷铝板等。  2020年导入数智云系统。',
-        },
-        {
-          title: '众晶金属',
-          content:
-            '公司位于昆山市黄浦江北路586号 ，  现有员工近200人 ，  公司主营UL电控箱、     空压机外壳、   铝加工品、不锈钢加工品、钣金加工等。  2018年6月导入ERP及    数智云系统。',
-        },
-        {
-          title: '顺天金属',
-          content:
-            '公司位于昆山市千灯镇季广路208号 ，  现有员工近200人 ，  是一家精密钣金制    造企业 ，  主营钣金件加工、  电箱电柜生产。  2012年导入ERP ，  2019年至今 ，     陆续导入智物流、  ICS智能下料、  数智云等智能制造系统。',
-        },
-        {
-          title: '弘束金属',
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: '/public/image/mes/wisdom.png',
+        children: {
+          title: '数智云',
           content:
-            '公司位于苏州高新区南御前街8号 ，现有员工150余人；  是一家专业从事精密钣 金制造、  机械零部件精加工、  表面喷涂的企业；  2021年3月导入数智云系统。',
+            '数智云是响应国家智能制造2025发展战略 ，  为非标行业量身打造的一套数字智能化管理平台！  结合非标行业小批量、  多机种、  非标定制的特性 ，充分考量传统ERP推行中的难点 ，运用流行的智能化技术以及云应用 ，重塑非标厂数字化管理模式，  实现简约管理、  降本增效！  是一个可以云布署、  免安装、  成本低、  零风险、  1周上线、  上线即见效的非标厂专属平台。',
         },
-        {
-          title: '阪青钣金',
+      },
+    ],
+    componentTitle: '数智云简介',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: '/public/image/mes/architecture.png',
+        children: {
+          title: '数智云架构',
           content:
-            '公司位于昆山市淀山湖镇杨家角路18号 ，  20多年钣金加工经验 ，创立新时代精 密钣金制造工厂 ，产品涉及钣金件、  金属箱柜、  非标机械的制造等。  2018年导 入ERP ，  2019年导入数智云等智能制造系统。',
+            '依托 物联网 、  人工智能 、  大数据 、  云计算技术，  有效联接各类智能设备 、  移动终端 、  企业管理系统   等，  帮助企业快速实现内部物流移动化 、  透明化 、  精益化、  智能化的  “四化”管理，  从而提高效率，  降低成本，  提升   效益，  加速数字智能化转型升级，  强化企业竞争力。',
         },
-      ],
-    },
-  ],
-  leftImgRightTextData2: [
-    {
-      id: '1',
-      url: '/public/image/mes/wisdom.png',
-      children: {
-        title: '数智云',
-        content:
-          '数智云是响应国家智能制造2025发展战略 ，  为非标行业量身打造的一套数字智能化管理平台！  结合非标行业小批量、  多机种、  非标定制的特性 ，充分考量传统ERP推行中的难点 ，运用流行的智能化技术以及云应用 ，重塑非标厂数字化管理模式，  实现简约管理、  降本增效！  是一个可以云布署、  免安装、  成本低、  零风险、  1周上线、  上线即见效的非标厂专属平台。',
       },
-    },
-  ],
-  leftImgRightTextData3: [
-    {
-      id: '1',
-      url: '/public/image/mes/architecture.png',
-      children: {
-        title: '数智云架构',
-        content:
-          '依托 物联网 、  人工智能 、  大数据 、  云计算技术，  有效联接各类智能设备 、  移动终端 、  企业管理系统   等，  帮助企业快速实现内部物流移动化 、  透明化 、  精益化、  智能化的  “四化”管理，  从而提高效率，  降低成本，  提升   效益，  加速数字智能化转型升级，  强化企业竞争力。',
+    ],
+    componentTitle: '数智云架构',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '应用价值',
+        children: [
+          {
+            title: '降低成本',
+            content:
+              '降低人工订单处理错误率 ，优化作业流程，  减少现场跟单成本 ，有效控制发货节奏 ，   对账省时省力。',
+          },
+          {
+            title: '提高效率',
+            content:
+              '信息采集、反馈实时精准 ，生产进度透 明 ，产销协同 ，作业更高效。',
+          },
+          {
+            title: '品质保证',
+            content: '生产过程品质流程透明 ，可有效追溯货 物 ，保证生产品质。',
+          },
+          {
+            title: '规避风险',
+            content:
+              '建立良性的绩效考核体系 ，规范考核标准，  提升员工积极性 ，实现企业与员工的双赢，  提升企业竟争力与战斗力 ，持续良性运营。',
+          },
+        ],
       },
-    },
-  ]
-}
+      {
+        id: '1',
+        tabName: '客户案例',
+        children: [
+          {
+            title: '庆有建筑',
+            content:
+              '公司位于昆山千灯镇西纬路18号 ，现有员工60余人；  专业从事以铝板为原材料 ，   加工制作铝幕墙、  各种室内铝板造型吊顶、   墙面和包柱铝板等产品的专业企业；   2019年9月导入数智云系统 ，  同年10月成功上线。',
+          },
+          {
+            title: '湘源建筑',
+            content:
+              '公司位于昆山市淀山湖镇黄浦江南路218号 ，  现有员工近80余人 ，是一家建筑    装饰材料的生产厂商 ，产品种类覆盖金属领域、  阳极氧化板、  4D木纹转印、  复    合板、  烤瓷铝板等。  2020年导入数智云系统。',
+          },
+          {
+            title: '众晶金属',
+            content:
+              '公司位于昆山市黄浦江北路586号 ，  现有员工近200人 ，  公司主营UL电控箱、     空压机外壳、   铝加工品、不锈钢加工品、钣金加工等。  2018年6月导入ERP及    数智云系统。',
+          },
+          {
+            title: '顺天金属',
+            content:
+              '公司位于昆山市千灯镇季广路208号 ，  现有员工近200人 ，  是一家精密钣金制    造企业 ，  主营钣金件加工、  电箱电柜生产。  2012年导入ERP ，  2019年至今 ，     陆续导入智物流、  ICS智能下料、  数智云等智能制造系统。',
+          },
+          {
+            title: '弘束金属',
+            content:
+              '公司位于苏州高新区南御前街8号 ，现有员工150余人；  是一家专业从事精密钣 金制造、  机械零部件精加工、  表面喷涂的企业；  2021年3月导入数智云系统。',
+          },
+          {
+            title: '阪青钣金',
+            content:
+              '公司位于昆山市淀山湖镇杨家角路18号 ，  20多年钣金加工经验 ，创立新时代精 密钣金制造工厂 ，产品涉及钣金件、  金属箱柜、  非标机械的制造等。  2018年导 入ERP ，  2019年导入数智云等智能制造系统。',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/news.js

@@ -1,30 +1,40 @@
-export default {
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/news/common-banner/news-banner-pc1.jpg',
-    title: '最新资讯',
-    content: '最新资讯最新资讯',
-  },
-  text: [
-    {
-      title:
-        '广东省地震局与华为签署全面合作协议1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
-      content:
-        '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
-    },
-    {
-      title: '广东省地震局与华为签署全面合作协议',
-      content:
-        '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
-    },
-    {
-      title: '广东省地震局与华为签署全面合作协议',
-      content:
-        '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+export default [
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/news/common-banner/news-banner-pc1.jpg',
+      title: '最新资讯',
+      content: '最新资讯最新资讯',
     },
-    {
-      title: '广东省地震局与华为签署全面合作协议',
-      content:
-        '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
-    },
-  ]
-}
+  },
+  {
+    type: 'List',
+    text: [
+      {
+        title:
+          '广东省地震局与华为签署全面合作协议1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
+        content:
+          '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。1资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯资讯',
+      },
+      {
+        title: '广东省地震局与华为签署全面合作协议',
+        content:
+          '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+      },
+      {
+        title: '广东省地震局与华为签署全面合作协议',
+        content:
+          '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+      },
+      {
+        title: '广东省地震局与华为签署全面合作协议',
+        content:
+          '广东省地震局与华为在深圳签署全面合作协议，广东省地震局党组书记、局长孙佩卿，广东省地震局党组成员、副局长何晓灵，华为中国政企数字政府部委应急管理系统部部长史磊，华为政府&公共事业(广东)总经理郑欣等相关负责人出席签约仪式，何晓灵与郑欣分别代表双方签约。',
+      },
+    ]
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/others.js

@@ -0,0 +1,42 @@
+export default [
+  {
+    type: 'NavSubMenu',
+    list: [
+      {
+        id: '1',
+        href: '/products-solutions/others/eshop',
+        url: '/public/menu/others/eshop.png',
+        title: '电商系统',
+        subTitle: '商务活动中各参与方和支持企业进行交易活动的电子技术手段的集合',
+      },
+      {
+        id: '2',
+        href: '/products-solutions/others/shigongli',
+        url: '/public/menu/others/shigongli.png',
+        title: '旅游住宿',
+        subTitle:
+          '游客在旅游过程中所涉及的住宿环节，它是旅游活动的重要组成部分，为游客提供休息、放松和恢复精力的场所。',
+      },
+      {
+        id: '3',
+        href: '/products-solutions/others/house',
+        url: '/public/menu/others/house.png',
+        title: '房源交易',
+        subTitle:
+          '在房地产市场中，房屋权利人通过委托房地产经纪机构或其他渠道，将其房屋进行买卖、租赁或其他形式的交易行为。',
+      },
+      {
+        id: '4',
+        href: '/products-solutions/others/crm',
+        url: '/public/menu/others/crm.png',
+        title: 'CRM管理',
+        subTitle:
+          '利用软件、硬件和网络技术，为企业建立客户信息收集、管理、分析和利用的信息系统。该系统以客户数据的管理为核心，记录企业在市场营销和销售过程中与客户发生的各种交互行为',
+      },
+    ]
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/productsSolutions.js

@@ -0,0 +1,41 @@
+export default [
+  {
+    type: 'NavSubMenu',
+    list: [
+      {
+        id: '1',
+        href: '/products-solutions/lot',
+        url: '/public/menu/lot/building.png',
+        title: '智慧物联',
+        subTitle:
+          '将物联网与人工智能等先进技术结合实现更智能、高效、自动化的系统和应用',
+      },
+      {
+        id: '2',
+        href: '/products-solutions/industrial-internet',
+        url: '/public/menu/products-solutions/internet.png',
+        title: '工业互联网',
+        subTitle:
+          '新一代信息通信技术与工业经济深度融合的新型基础设施、应用模式和工业生态',
+      },
+      {
+        id: '3',
+        href: '/product/gov-ent-health',
+        url: '/public/menu/products-solutions/health.png',
+        title: '政企医疗',
+        subTitle: '政府与企业在医疗领域的合作或互动',
+      },
+      {
+        id: '4',
+        href: '/product/others',
+        url: '/public/menu/products-solutions/other.png',
+        title: '其他业务',
+        subTitle: '一个公司或组织的主营业务之外的所有其他活动或收入来源',
+      },
+    ]
+  },
+  {
+    type: 'Footer',
+    lang: 'zh'
+  }
+]

src/data/zh/shigongli.js

@@ -1,23 +1,36 @@
-export default {
-  sNav: ['旅游住宿', '成功案例', '相关资源'],
-  imgProData: {
-    url: '//e.huawei.com/-/mediae/images/industries/real-estate/real-estate/banner-pc.png',
-    title: '旅游住宿',
-    content: '旅游住宿旅游住宿',
+export default [
+  {
+    type: 'ScrollingNavbar',
+    sNav: ['旅游住宿', '成功案例', '相关资源'],
   },
-  leftImgRightTextList: [
-    {
-      id: '1',
-      url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.jpg',
-      children: {
-        title: '旅游住宿',
-        content:
-          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-      },
+  {
+    type: 'ImgPro',
+    listOrData: {
+      url: '//e.huawei.com/-/mediae/images/industries/real-estate/real-estate/banner-pc.png',
+      title: '旅游住宿',
+      content: '旅游住宿旅游住宿',
     },
-  ],
-  carouselList: [
-    [
+  },
+  {
+    type: 'LeftImgRightText',
+    listOrData: [
+      {
+        id: '1',
+        url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.jpg',
+        children: {
+          title: '旅游住宿',
+          content:
+            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+        },
+      },
+    ],
+    componentTitle: '旅游住宿',
+    textAlign: 'text-center',
+    componentsBg: 'bg-grey',
+  },
+  {
+    type: 'Carousel',
+    list: [
       [
         {
           id: '1',
@@ -29,8 +42,6 @@ export default {
           },
         },
       ],
-    ],
-    [
       [
         {
           id: '2',
@@ -43,50 +54,62 @@ export default {
         },
       ],
     ],
-  ],
-  verticalNavigationContentList: [
-    {
-      id: '1',
-      tabName: '白皮书',
-      children: [
-        {
-          title:
-            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-        {
-          title:
-            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-        {
-          title:
-            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-        {
-          title:
-            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-        {
-          title:
-            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-        {
-          title:
-            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-      ],
-    },
-    {
-      id: '2',
-      tabName: '彩页',
-      children: [
-        {
-          title: '旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-        {
-          title:
-            '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
-        },
-      ],
-    },
-  ]
-}
+    componentTitle: '成功案例',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    line: '0',
+    componentsBg: 'bg-img',
+  },
+  {
+    type: 'VerticalNavigationContent',
+    list: [
+      {
+        id: '1',
+        tabName: '白皮书',
+        children: [
+          {
+            title:
+              '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+          {
+            title:
+              '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+          {
+            title:
+              '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+          {
+            title:
+              '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+          {
+            title:
+              '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+          {
+            title:
+              '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+        ],
+      },
+      {
+        id: '2',
+        tabName: '彩页',
+        children: [
+          {
+            title: '旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+          {
+            title:
+              '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+          },
+        ],
+      },
+    ],
+    componentTitle: '相关资源',
+    titleTextAlign: 'text-left',
+    textAlign: 'text-left',
+    componentsBg: 'bg-even',
+  }
+]

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

@@ -1,31 +1,14 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Text from '@/components/children/Text.astro'
-import Footer from '@/components/Footer.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.about
 ---
 
 <Layout title="关于云致">
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftImgRightText
-    listOrData={list?.data}
-    componentTitle="发展背景"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="案例统计"
-    listOrData={list?.informationList2}
-    componentsBg="bg-img"
-  />
-  <ImgPro listOrData={list?.imgProData2} imgMb="5" />
-  <ImgPro listOrData={list?.imgProData3} imgMb="5" />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

src/pages/[lang]/index.astro

@@ -1,21 +1,5 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import Footer from '@/components/Footer.astro'
-import Navbar from '@/components/Navbar.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import LeftOneRightFourImg from '@/components/LeftOneRightFourImg.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftRightCarousel from '@/components/LeftRightCarousel.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import FooterMenu from '@/components/NavMenu/FooterMenu.jsx'
-import menus from '@/data/zh/menuenu'
-import pageData from '@/data/zh/homepageage'
-
-import Container from '@/components/Container.astro'
-import MediaCard from '@/components/MediaCard/MediaCard1.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
 import DynamicComponent from '@/components/DynamicComponent.astro'
 import type { Code, Debug } from 'astro:components'
 
@@ -32,37 +16,9 @@ const list = Astro.locals.globalData?.homepage
 ---
 
 <Layout title="官网">
-
   {
     list.map((item, index) => {
-      <DynamicComponent {...item} key={index} />
+      return <DynamicComponent {...item} key={index} />
     })
   }
-
-
-  <!-- <ImgPro
-    listOrData={list?.imgProData}
-    ratio="16 / 9"
-    titleSize="60px"
-    textWeight="fw-bold"
-    position="positionBottom"
-  />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextData}
-    componentTitle="产品与解决方案"
-    textAlign="text-center"
-  />
-  <LeftMiddleRightImgTextPro
-    listOrData={list?.caseList}
-    componentTitle="案例展示"
-  />
-
-  <LeftMiddleRightImgTextPro
-    listOrData={list?.informationList}
-    componentTitle="最新资讯"
-    btnBottomDisplay={true}
-    bhref=`/${lang}/news`
-  /> -->
-
-  <Footer lang={lang} />
 </Layout>

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

@@ -1,20 +1,14 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Text from '@/components/children/Text.astro'
-import List from '@/components/List.astro'
-import Footer from '@/components/Footer.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.news
 ---
 
 <Layout title="最新资讯">
-  <ImgPro listOrData={list?.imgProData} />
-  <List text={list?.text} />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,40 +1,17 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import NavSubMenu from '@/components/NavSubMenu.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
 
-const list = [
-  {
-    id: '1',
-    href: '/products-solutions/gov-ent-health/gov',
-    url: '/public/menu/gov-ent-health/gov.png',
-    title: '政务服务',
-    subTitle:
-      '各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。',
-  },
-  {
-    id: '2',
-    href: '/products-solutions/gov-ent-health/bank',
-    url: '/public/menu/gov-ent-health/bank.png',
-    title: '银行业务',
-    subTitle:
-      '各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。',
-  },
-  {
-    id: '3',
-    href: '/products-solutions/gov-ent-health/healthcare',
-    url: '/public/menu/gov-ent-health/healthcare.png',
-    title: '医院医疗',
-    subTitle:
-      '各级政府、各相关部门及事业单位，根据法律法规，为社会团体、企事业单位和个人提供的许可、确认、裁决、奖励、处罚等行政服务。',
-  },
-]
+const list = Astro.locals.globalData?.govEntHealth
 ---
 
 <Layout title="菜单">
-  <NavSubMenu list={list} />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>
 
 <style>

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

@@ -1,47 +1,17 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import NavSubMenu from '@/components/NavSubMenu.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
 
-const list = [
-  {
-    id: '1',
-    href: '/products-solutions/others/eshop',
-    url: '/public/menu/others/eshop.png',
-    title: '电商系统',
-    subTitle: '商务活动中各参与方和支持企业进行交易活动的电子技术手段的集合',
-  },
-  {
-    id: '2',
-    href: '/products-solutions/others/shigongli',
-    url: '/public/menu/others/shigongli.png',
-    title: '旅游住宿',
-    subTitle:
-      '游客在旅游过程中所涉及的住宿环节，它是旅游活动的重要组成部分，为游客提供休息、放松和恢复精力的场所。',
-  },
-  {
-    id: '3',
-    href: '/products-solutions/others/house',
-    url: '/public/menu/others/house.png',
-    title: '房源交易',
-    subTitle:
-      '在房地产市场中，房屋权利人通过委托房地产经纪机构或其他渠道，将其房屋进行买卖、租赁或其他形式的交易行为。',
-  },
-  {
-    id: '4',
-    href: '/products-solutions/others/crm',
-    url: '/public/menu/others/crm.png',
-    title: 'CRM管理',
-    subTitle:
-      '利用软件、硬件和网络技术，为企业建立客户信息收集、管理、分析和利用的信息系统。该系统以客户数据的管理为核心，记录企业在市场营销和销售过程中与客户发生的各种交互行为',
-  },
-]
+const list = Astro.locals.globalData?.others
 ---
 
 <Layout title="菜单">
-  <NavSubMenu list={list} />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>
 
 <style>

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

@@ -1,47 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.custom
 ---
 
 <Layout title="定制开发">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="场景化解决方案"
-    listOrData={list?.informationList}
-    white="white"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="相关产品"
-    listOrData={list?.carouselList}
-  />
-  <Carousel
-    componentTitle="成功案例"
-    list={list?.carouselList2}
-    Children={LeftImgRightText}
-    line="0"
-    componentsBg="bg-img"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,49 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.bank
 ---
 
 <Layout title="银行业务">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="场景化解决方案"
-    listOrData={list?.informationList}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <Carousel
-    componentTitle="我们如何帮助客户成功"
-    list={list?.carouselList}
-    line="0"
-    Children={LeftImgRightText}
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="新闻资讯"
-    listOrData={list?.carouselList2}
-    componentsBg="bg-img"
-  />
-  <VerticalNavigationContent
-    list={list?.verticalNavigationContentList}
-    ellipsis="line-ellipsis-small"
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,36 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.civilizedCity
 ---
 
 <Layout title="文明创城">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextList}
-    componentTitle="场景化解决方案"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,53 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.gov
 ---
 
 <Layout title="政务服务">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="场景化解决方案"
-    listOrData={list?.informationList}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <Carousel
-    componentTitle="成功案例"
-    list={list?.carouselList}
-    line="0"
-    Children={LeftImgRightText}
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightText
-    componentTitle="新闻与活动"
-    listOrData={list?.carouselList2}
-    btnDisplay={false}
-    titleHeight="3.2"
-    ellipsis="line-ellipsis-small"
-    pt="4"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,49 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.healthcare
 ---
 
 <Layout title="医院医疗">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextList}
-    componentTitle="场景化解决方案"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <Carousel
-    componentTitle="成功案例"
-    list={list?.carouselList}
-    Children={LeftImgRightText}
-    line="0"
-    componentsBg="bg-img"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="相关产品"
-    listOrData={list?.carouselList2}
-    componentsBg="bg-img"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,49 +1,17 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import NavMenu from '@/components/NavMenu/index.jsx'
-import NavSubMenu from '@/components/NavSubMenu.astro'
-import Footer from '@/components/Footer.astro'
-import menu from '@/data/zh/menu.js'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
 
-const list = [
-  {
-    id: '1',
-    href: '/products-solutions/lot',
-    url: '/public/menu/lot/building.png',
-    title: '智慧物联',
-    subTitle:
-      '将物联网与人工智能等先进技术结合实现更智能、高效、自动化的系统和应用',
-  },
-  {
-    id: '2',
-    href: '/products-solutions/industrial-internet',
-    url: '/public/menu/products-solutions/internet.png',
-    title: '工业互联网',
-    subTitle:
-      '新一代信息通信技术与工业经济深度融合的新型基础设施、应用模式和工业生态',
-  },
-  {
-    id: '3',
-    href: '/product/gov-ent-health',
-    url: '/public/menu/products-solutions/health.png',
-    title: '政企医疗',
-    subTitle: '政府与企业在医疗领域的合作或互动',
-  },
-  {
-    id: '4',
-    href: '/product/others',
-    url: '/public/menu/products-solutions/other.png',
-    title: '其他业务',
-    subTitle: '一个公司或组织的主营业务之外的所有其他活动或收入来源',
-  },
-]
+const list = Astro.locals.globalData?.productsSolutions
 ---
 
 <Layout title="菜单">
-  <NavMenu menus={menu} lang={lang} client:load />
-  <NavSubMenu list={list} />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>
 
 <style>

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

@@ -1,56 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.erp
 ---
 
 <Layout title="ERP">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextList}
-    componentTitle="选择云致的理由"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="场景化解决方案"
-    listOrData={list?.informationList}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <Carousel
-    componentTitle="我们如何帮助客户成功"
-    list={list?.carouselList}
-    line="0"
-    Children={LeftImgRightText}
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="配套产品"
-    listOrData={list?.informationList2}
-    componentsBg="bg-img"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,32 +1,16 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import NavSubMenu from '@/components/NavSubMenu.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
-
-const list = [
-  {
-    id: '1',
-    href: '/products-solutions/industrial-internet/mes',
-    url: '/public/menu/industrial-internet/mes.png',
-    title: '云致MES',
-    subTitle:
-      '在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态',
-  },
-  {
-    id: '2',
-    href: '/products-solutions/industrial-internet/erp',
-    url: '/public/menu/industrial-internet/erp.png',
-    title: 'ERP',
-    subTitle:
-      '在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态',
-  },
-]
+const list = Astro.locals.globalData?.industrialInternet
 ---
 
 <Layout title="菜单">
-  <NavSubMenu list={list} />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>
 
 <style>

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

@@ -1,41 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Text3 from '@/components/children/Text3.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.mes
 ---
 
 <Layout title="云致MES">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextData2}
-    componentTitle="数智云简介"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextData3}
-    componentTitle="数智云架构"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,46 +1,14 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Text3 from '@/components/children/Text3.astro'
-import Footer from '@/components/Footer.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.agriculture
 ---
 
 <Layout title="智慧农业">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="项目内容"
-    listOrData={list?.informationList}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <LeftImgRightText
-    listOrData={list?.data}
-    componentTitle="大数据可视化平台"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="”四情“监测系统"
-    listOrData={list?.informationList2}
-    componentsBg="bg-img"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,75 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import Img from '@/components/children/Img.astro'
-import Text3 from '@/components/children/Text3.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.building
 ---
 
 <Layout title="智慧楼宇">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData1} />
-  <LeftMiddleRightText
-    ellipsis="line-ellipsis-small"
-    componentTitle="智慧通行"
-    listOrData={list?.carouselList4}
-    titleTextAlign="text-end"
-    textAlign="text-end"
-    titleHeight="3.2"
-    pt="4"
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="智能识别便捷通行"
-    listOrData={list?.informationList2}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <LeftMiddleRightText
-    componentTitle="访客授权快捷登记"
-    listOrData={list?.carouselList4}
-    btnDisplay={false}
-    titleTextAlign="text-end"
-    textAlign="text-end"
-    titleHeight="3.2"
-    ellipsis="line-ellipsis-small"
-    pt="4"
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightText
-    componentTitle="通行记录线上管理"
-    listOrData={list?.carouselList5}
-    btnDisplay={false}
-    titleTextAlign="text-end"
-    textAlign="text-end"
-    titleHeight="3.2"
-    ellipsis="line-ellipsis-small"
-    pt="4"
-  />
-  <ImgPro listOrData={list?.imgProData2} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="智慧识别便捷通行"
-    listOrData={list?.informationList3}
-  />
-  <ImgPro listOrData={list?.imgProData3} />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,47 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import Text3 from '@/components/children/Text3.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.community
 ---
 
 <Layout title="智慧社区">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="社区目的"
-    listOrData={list?.informationList}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <LeftMiddleRightText
-    componentTitle="客户需求程度"
-    listOrData={list?.carouselList2}
-    btnDisplay={false}
-    titleTextAlign="text-end"
-    textAlign="text-end"
-    titleHeight="3.2"
-    ellipsis="line-ellipsis-small"
-    pt="4"
-    componentsBg="bg-grey"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -9,42 +9,16 @@ import VerticalNavigationContent from '@/components/VerticalNavigationContent.as
 import Text3 from '@/components/children/Text3.astro'
 import Footer from '@/components/Footer.astro'
 import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.exhibitionAll
 ---
 
 <Layout title="智慧展馆">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="5G网络覆盖"
-    listOrData={list?.informationList}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <Carousel
-    componentTitle="成功案例"
-    list={list?.carouselList2}
-    Children={LeftImgRightText}
-    line="0"
-    textAlign="text-center"
-    titleTextAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="界面设计与用户体验"
-    listOrData={list?.informationList2}
-    componentsBg="bg-img"
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,48 +1,16 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import NavSubMenu from '@/components/NavSubMenu.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 const { lang = 'zh' } = Astro.params
-
-const list = [
-  {
-    id: '1',
-    href: '/products-solutions/lot/building',
-    url: '/public/menu/lot/building.png',
-    title: '智慧楼宇',
-    subTitle:
-      '在数字化、智能化技术的支持下，对楼宇的运营、管理和服务进行全面升级的一种新型楼宇形态',
-  },
-  {
-    id: '2',
-    href: '/products-solutions/lot/agriculture',
-    url: '/public/menu/lot/agriculture.png',
-    title: '智慧农业',
-    subTitle:
-      '现代科学技术与农业种植相结合，实现无人化、自动化、智能化管理的农业生产方式。',
-  },
-  {
-    id: '3',
-    href: '/products-solutions/lot/community',
-    url: '/public/menu/lot/community.png',
-    title: '智慧社区',
-    subTitle:
-      '在传统住宅社区的基础上，利用互联网、物联网、云计算、大数据等现代信息技术，实现社区管理智能化和服务智能化的新型居住社区。',
-  },
-  {
-    id: '4',
-    href: '/products-solutions/lot/exhibition-all',
-    url: '/public/menu/lot/exhibition-all.png',
-    title: '智慧展馆',
-    subTitle:
-      '运用先进的信息技术和智能化设备，将展馆打造成一个智能化、数字化、互动化的展览空间，为参观者提供更加丰富、便捷、高效的观展体验。',
-  },
-]
+const list = Astro.locals.globalData?.lot
 ---
 
 <Layout title="菜单">
-  <NavSubMenu list={list} />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>
 
 <style>

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

@@ -1,40 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.crm
 ---
 
 <Layout title="CRM管理">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightImgTextPro
-    componentTitle="服务产品"
-    listOrData={list?.informationList}
-    componentsBg="bg-img"
-  />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextList}
-    componentTitle="成功案例"
-    textAlign="text-center"
-  />
-  <VerticalNavigationContent
-    list={list?.verticalNavigationContentList}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,37 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import Text3 from '@/components/children/Text3.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import LeftMiddleRightText from '@/components/LeftMiddleRightText.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.eshop
 ---
 
 <Layout title="电商系统">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftMiddleRightText
-    componentTitle="电商产品"
-    listOrData={list?.carouselList}
-    btnDisplay={false}
-    titleHeight="3.2"
-    ellipsis="line-ellipsis-small"
-    pt="4"
-    componentsBg="bg-grey"
-  />
-  <VerticalNavigationContent
-    list={list?.verticalNavigationContentList}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,49 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
-import Text3 from '@/components/children/Text3.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
-import LeftMiddleRightImgTextPro from '@/components/LeftMiddleRightImgTextPro/index.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.house
 ---
 
 <Layout title="房源交易">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <Carousel
-    componentTitle="成功案例"
-    list={list?.carouselList}
-    Children={LeftImgRightText}
-    line="0"
-    textAlign="text-center"
-    titleTextAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="新闻与活动"
-    listOrData={list?.carouselList2}
-    componentsBg="bg-img"
-    white="white"
-  />
-  <LeftMiddleRightImgTextPro
-    componentTitle="行业话题"
-    listOrData={list?.informationList}
-  />
-  <VerticalNavigationContent
-    list={list?.list2}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>

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

@@ -1,43 +1,15 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
-import Carousel from '@/components/children/Carousel.astro'
-import Text3 from '@/components/children/Text3.astro'
-import LeftImgRightText from '@/components/LeftImgRightText.astro'
-import ImgPro from '@/components/ImgPro.astro'
-import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
-import Footer from '@/components/Footer.astro'
+import DynamicComponent from '@/components/DynamicComponent.astro'
 
 const { lang = 'zh' } = Astro.params
 const list = Astro.locals.globalData?.shigongli
 ---
 
 <Layout title="旅游住宿">
-  <ScrollingNavbar sNav={list?.sNav} />
-  <ImgPro listOrData={list?.imgProData} />
-  <LeftImgRightText
-    listOrData={list?.leftImgRightTextList}
-    componentTitle="旅游住宿"
-    textAlign="text-center"
-    componentsBg="bg-grey"
-  />
-  <Carousel
-    componentTitle="成功案例"
-    list={list?.carouselList}
-    Children={LeftImgRightText}
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    line="0"
-    componentsBg="bg-img"
-  />
-  <VerticalNavigationContent
-    list={list?.verticalNavigationContentList}
-    ellipsis="line-ellipsis-small"
-    Children={Text3}
-    componentTitle="相关资源"
-    titleTextAlign="text-left"
-    textAlign="text-left"
-    componentsBg="bg-even"
-  />
-  <Footer lang={lang} />
+  {
+    list.map((item, index) => {
+      return <DynamicComponent {...item} key={index} />
+    })
+  }
 </Layout>