From f1ea7a6ed307faad18d7425adfd811de861a69f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Mon, 18 Aug 2025 17:23:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/page/index.vue       | 756 ++++++++++++++++----------------
 src/views/pageEditor/index.vue | 759 +++++++++++++++++----------------
 2 files changed, 758 insertions(+), 757 deletions(-)

diff --git a/src/views/page/index.vue b/src/views/page/index.vue
index 871f726..a05c58d 100644
--- a/src/views/page/index.vue
+++ b/src/views/page/index.vue
@@ -60,383 +60,384 @@ export default {
       a: '1',
       addEl: false,
       value: [],
-      components: [
-        {
-          type: 'carousel',
-          value: {
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 1,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 2,
-          value: {
-            title: '123',
-            subTitle: '456',
-            contentTitle: 'contentTitle',
-            contentSubTitle: 'DEVELOPMENT PLATFORM',
-            contentInfo: 'contentInfo',
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-          },
-        },
-        {
-          type: 3,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '111',
-                itemInfo: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '222',
-                itemInfo: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '333',
-                itemInfo: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '444',
-                itemInfo: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '555',
-                itemInfo: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '666',
-                itemInfo: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 4,
-          value: {
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                title: '111',
-                value: '222'
-              },
-              {
-                title: '111',
-                value: '222'
-              },
-              {
-                title: '111',
-                value: '222'
-              },
-            ],
-          },
-        },
-        {
-          type: 5,
-          value: {
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-            title: '123',
-            subTitle: '456',
-          },
-        },
-        {
-          type: 6,
-          value: {
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-            title: '123',
-            subTitle: '456',
-            info: '789',
-          },
-        },
-        {
-          type: 7,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 8,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                leftTitle: '222',
-                leftInfo: '333',
-                infos: [
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                ]
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                leftTitle: '222',
-                leftInfo: '333',
-                infos: [
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                ]
-              },
-            ],
-          },
-        },
-        {
-          type: 9,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 10,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        // {
-        //   type: 11,
-        //   value: {
-        //     title: '123',
-        //     subTitle: '456',
-        //     list: [
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '111',
-        //         value: '222'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '222',
-        //         value: '333'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '333',
-        //         value: '444'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '444',
-        //         value: '555'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '555',
-        //         value: '666'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '666',
-        //         value: '777'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '666',
-        //         value: '777'
-        //       },
-        //     ],
-        //   },
-        // },
-      ]
+      components: [],
+      // components: [
+      //   {
+      //     type: 'carousel',
+      //     value: {
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 1,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 2,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       contentTitle: 'contentTitle',
+      //       contentSubTitle: 'DEVELOPMENT PLATFORM',
+      //       contentInfo: 'contentInfo',
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //     },
+      //   },
+      //   {
+      //     type: 3,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '111',
+      //           itemInfo: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '222',
+      //           itemInfo: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '333',
+      //           itemInfo: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '444',
+      //           itemInfo: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '555',
+      //           itemInfo: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '666',
+      //           itemInfo: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 4,
+      //     value: {
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 5,
+      //     value: {
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //       title: '123',
+      //       subTitle: '456',
+      //     },
+      //   },
+      //   {
+      //     type: 6,
+      //     value: {
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //       title: '123',
+      //       subTitle: '456',
+      //       info: '789',
+      //     },
+      //   },
+      //   {
+      //     type: 7,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 8,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           leftTitle: '222',
+      //           leftInfo: '333',
+      //           infos: [
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //           ]
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           leftTitle: '222',
+      //           leftInfo: '333',
+      //           infos: [
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //           ]
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 9,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 10,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   // {
+      //   //   type: 11,
+      //   //   value: {
+      //   //     title: '123',
+      //   //     subTitle: '456',
+      //   //     list: [
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '111',
+      //   //         value: '222'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '222',
+      //   //         value: '333'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '333',
+      //   //         value: '444'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '444',
+      //   //         value: '555'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '555',
+      //   //         value: '666'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '666',
+      //   //         value: '777'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '666',
+      //   //         value: '777'
+      //   //       },
+      //   //     ],
+      //   //   },
+      //   // },
+      // ]
     }
   },
   watch: {
@@ -449,7 +450,6 @@ export default {
   mounted() {
     console.log(this.$route.query?.id)
     getHwWeb(this.$route.query.id).then(res => {
-      console.log(res)
       this.components = JSON.parse(res?.data?.webJsonString || '[]')
     })
   },
diff --git a/src/views/pageEditor/index.vue b/src/views/pageEditor/index.vue
index 3a62c44..b818b7c 100644
--- a/src/views/pageEditor/index.vue
+++ b/src/views/pageEditor/index.vue
@@ -348,383 +348,384 @@ export default {
         //   },
         // },
       ],
-      components: [
-        {
-          type: 'carousel',
-          value: {
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 1,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 2,
-          value: {
-            title: '123',
-            subTitle: '456',
-            contentTitle: 'contentTitle',
-            contentSubTitle: 'DEVELOPMENT PLATFORM',
-            contentInfo: 'contentInfo',
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-          },
-        },
-        {
-          type: 3,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '111',
-                itemInfo: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '222',
-                itemInfo: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '333',
-                itemInfo: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '444',
-                itemInfo: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '555',
-                itemInfo: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                itemTitle: '666',
-                itemInfo: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 4,
-          value: {
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                title: '111',
-                value: '222'
-              },
-              {
-                title: '111',
-                value: '222'
-              },
-              {
-                title: '111',
-                value: '222'
-              },
-            ],
-          },
-        },
-        {
-          type: 5,
-          value: {
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-            title: '123',
-            subTitle: '456',
-          },
-        },
-        {
-          type: 6,
-          value: {
-            icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-            title: '123',
-            subTitle: '456',
-            info: '789',
-          },
-        },
-        {
-          type: 7,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 8,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                leftTitle: '222',
-                leftInfo: '333',
-                infos: [
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                ]
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                leftTitle: '222',
-                leftInfo: '333',
-                infos: [
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                  {title: '111', info: '222'},
-                ]
-              },
-            ],
-          },
-        },
-        {
-          type: 9,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                value: '777'
-              },
-            ],
-          },
-        },
-        {
-          type: 10,
-          value: {
-            title: '123',
-            subTitle: '456',
-            list: [
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '111',
-                value: '222'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '222',
-                value: '333'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '333',
-                value: '444'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '444',
-                value: '555'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '555',
-                value: '666'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-              {
-                icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-                title: '666',
-                value: '777'
-              },
-            ],
-          },
-        },
-        // {
-        //   type: 11,
-        //   value: {
-        //     title: '123',
-        //     subTitle: '456',
-        //     list: [
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '111',
-        //         value: '222'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '222',
-        //         value: '333'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '333',
-        //         value: '444'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '444',
-        //         value: '555'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '555',
-        //         value: '666'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '666',
-        //         value: '777'
-        //       },
-        //       {
-        //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-        //         title: '666',
-        //         value: '777'
-        //       },
-        //     ],
-        //   },
-        // },
-      ]
+      components: [],
+      // components: [
+      //   {
+      //     type: 'carousel',
+      //     value: {
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 1,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 2,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       contentTitle: 'contentTitle',
+      //       contentSubTitle: 'DEVELOPMENT PLATFORM',
+      //       contentInfo: 'contentInfo',
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //     },
+      //   },
+      //   {
+      //     type: 3,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '111',
+      //           itemInfo: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '222',
+      //           itemInfo: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '333',
+      //           itemInfo: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '444',
+      //           itemInfo: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '555',
+      //           itemInfo: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           itemTitle: '666',
+      //           itemInfo: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 4,
+      //     value: {
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 5,
+      //     value: {
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //       title: '123',
+      //       subTitle: '456',
+      //     },
+      //   },
+      //   {
+      //     type: 6,
+      //     value: {
+      //       icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //       title: '123',
+      //       subTitle: '456',
+      //       info: '789',
+      //     },
+      //   },
+      //   {
+      //     type: 7,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 8,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           leftTitle: '222',
+      //           leftInfo: '333',
+      //           infos: [
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //           ]
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           leftTitle: '222',
+      //           leftInfo: '333',
+      //           infos: [
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //             {title: '111', info: '222'},
+      //           ]
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 9,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   {
+      //     type: 10,
+      //     value: {
+      //       title: '123',
+      //       subTitle: '456',
+      //       list: [
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '111',
+      //           value: '222'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '222',
+      //           value: '333'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '333',
+      //           value: '444'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '444',
+      //           value: '555'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '555',
+      //           value: '666'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //         {
+      //           icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //           title: '666',
+      //           value: '777'
+      //         },
+      //       ],
+      //     },
+      //   },
+      //   // {
+      //   //   type: 11,
+      //   //   value: {
+      //   //     title: '123',
+      //   //     subTitle: '456',
+      //   //     list: [
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '111',
+      //   //         value: '222'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '222',
+      //   //         value: '333'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '333',
+      //   //         value: '444'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '444',
+      //   //         value: '555'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '555',
+      //   //         value: '666'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '666',
+      //   //         value: '777'
+      //   //       },
+      //   //       {
+      //   //         icon: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      //   //         title: '666',
+      //   //         value: '777'
+      //   //       },
+      //   //     ],
+      //   //   },
+      //   // },
+      // ],
     }
   },
   mounted() {
@@ -751,8 +752,8 @@ export default {
       })
     },
     pageChange(e) {
-      getHwWeb(e.at(-1)).then(v => {
-        console.log(v)
+      getHwWeb(e.at(-1)).then(res => {
+        this.components = JSON.parse(res?.data?.webJsonString || '[]')
       })
     },
     addItem(e) {