From d104baf4260ad808106484d80e6a70cf8c45d6cb Mon Sep 17 00:00:00 2001
From: mabo <mailmabo@126.com>
Date: Tue, 10 Aug 2021 18:01:07 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=AB=AF=EF=BC=8C=E8=A3=85?=
 =?UTF-8?q?=E4=BF=AE=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0=E4=B8=A4=E7=A7=8D?=
 =?UTF-8?q?=E6=96=B0=E8=BD=AE=E6=92=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../lili-floor-renovation/modelConfig.js      | 1233 +++++++++++++----
 .../lili-floor-renovation/modelFormItem.vue   |   12 +
 .../modelList/carousel1.vue                   |  188 +++
 .../modelList/carousel2.vue                   |  370 +++++
 4 files changed, 1511 insertions(+), 292 deletions(-)
 create mode 100644 manager/src/views/lili-floor-renovation/modelList/carousel1.vue
 create mode 100644 manager/src/views/lili-floor-renovation/modelList/carousel2.vue

diff --git a/manager/src/views/lili-floor-renovation/modelConfig.js b/manager/src/views/lili-floor-renovation/modelConfig.js
index 26311d43..21987144 100644
--- a/manager/src/views/lili-floor-renovation/modelConfig.js
+++ b/manager/src/views/lili-floor-renovation/modelConfig.js
@@ -1,306 +1,955 @@
-export const modelData = [
-    {
-        type:'carousel',
-        name:'图片轮播',
-        icon:'md-image',
-        showName:'',
-        size:"790*340",
-        options:{
-            list:[
-                {
-                    img:require('@/assets/nav/1.jpg'),
-                    url:''
-                },
-                {
-                    img:require('@/assets/nav/2.jpg'),
-                    url:''
-                },
-                {
-                    img:require('@/assets/nav/3.jpg'),
-                    url:''
-                }
-            ],
+export const modelData = [{
+    type: 'carousel',
+    name: '图片轮播',
+    icon: 'md-image',
+    showName: '',
+    size: "790*340",
+    options: {
+      list: [{
+          img: require('@/assets/nav/1.jpg'),
+          url: ''
         },
-    },
-    {
-        type:'hotAdvert',
-        name:'热门广告',
-        icon:'md-image',
-        showName:'',
-        options:{
-            list:[
-                {
-                    img:require('@/assets/nav/decorate1.png'),
-                    url:'',
-                    size:'1200*自定义'
-                },
-                {
-                    img:require('@/assets/nav/1.jpg'),
-                    url:'',
-                    size:'230*190'
-                },
-                {
-                    img:require('@/assets/nav/1.jpg'),
-                    url:'',
-                    size:'230*190'
-                },
-                {
-                    img:require('@/assets/nav/1.jpg'),
-                    url:'',
-                    size:'230*190'
-                },
-                {
-                    img:require('@/assets/nav/1.jpg'),
-                    url:'',
-                    size:'230*190'
-                },
-                {
-                    img:require('@/assets/nav/1.jpg'),
-                    url:'',
-                    size:'230*190'
-                }
-            ],
+        {
+          img: require('@/assets/nav/2.jpg'),
+          url: ''
         },
+        {
+          img: require('@/assets/nav/3.jpg'),
+          url: ''
+        }
+      ],
     },
-    {
-        type:'seckill',
-        name:'促销活动',
-        icon:'md-image',
-        showName:'',
-        options:{
-            list:[
-                {
-                    time:6,
-                    goodsList:[
-                        {img:require('@/assets/nav/1.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafads123213a', url:''},
-                        {img:require('@/assets/nav/2.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/3.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/4.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/5.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/1.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/2.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/3.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/4.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                        {img:require('@/assets/nav/5.jpg'), price:20, originalPrice:30, name:'阿迪达斯三叶草asdasdafadsa',url:''},
-                    ]
-                },
-                {
-                    time:8,
-                    goodsList:[
-                        {img:require('@/assets/nav/1.jpg'), url:''},
-                        {img:require('@/assets/nav/2.jpg'), url:''},
-                        {img:require('@/assets/nav/3.jpg'), url:''},
-                        {img:require('@/assets/nav/4.jpg'), url:''},
-                        {img:require('@/assets/nav/5.jpg'), url:''},
-                    ]
-                },
-                {
-                    time:10,
-                    goodsList:[
-                        {img:require('@/assets/nav/1.jpg'), url:''},
-                        {img:require('@/assets/nav/2.jpg'), url:''},
-                        {img:require('@/assets/nav/3.jpg'), url:''},
-                        {img:require('@/assets/nav/4.jpg'), url:''},
-                        {img:require('@/assets/nav/5.jpg'), url:''},
-                    ]
-                },
-                {
-                    time:12,
-                    goodsList:[
-                        {img:require('@/assets/nav/1.jpg'), url:''},
-                        {img:require('@/assets/nav/2.jpg'), url:''},
-                        {img:require('@/assets/nav/3.jpg'), url:''},
-                        {img:require('@/assets/nav/4.jpg'), url:''},
-                        {img:require('@/assets/nav/5.jpg'), url:''},
-                    ]
-                },
-                {
-                    time:14,
-                    goodsList:[]
-                },
-                {
-                    time:16,
-                    goodsList:[]
-                },
-                {
-                    time:18,
-                    goodsList:[]
-                }
-               
-            ]
+  },
+//   {
+//     type: 'carousel1',
+//     name: '图片轮播1',
+//     icon: 'md-image',
+//     size: "1200*470",
+//     options: {
+//       list: [{
+//           img: require('@/assets/nav/1.jpg'),
+//           url: '',
+//           bgColor: 'yellow'
+//         },
+//         {
+//           img: require('@/assets/nav/2.jpg'),
+//           url: '',
+//           bgColor: 'purple'
+//         },
+//         {
+//           img: require('@/assets/nav/3.jpg'),
+//           url: '',
+//           bgColor: 'blue'
+//         }
+//       ],
+//     },
+//   },
+//   {
+//     type: 'carousel2',
+//     name: '图片轮播2',
+//     icon: 'md-image',
+//     size: "590*470",
+//     options: {
+//       list: [{
+//           img: require('@/assets/nav/1.jpg'),
+//           url: ''
+//         },
+//         {
+//           img: require('@/assets/nav/2.jpg'),
+//           url: ''
+//         },
+//         {
+//           img: require('@/assets/nav/3.jpg'),
+//           url: ''
+//         }
+//       ],
+//       listRight: [
+//         [{
+//             img: require('@/assets/nav/1.jpg'),
+//             url: ''
+//           },
+//           {
+//             img: require('@/assets/nav/2.jpg'),
+//             url: ''
+//           },
+//           {
+//             img: require('@/assets/nav/3.jpg'),
+//             url: ''
+//           }
+//         ],
+//         [{
+//             img: require('@/assets/nav/1.jpg'),
+//             url: ''
+//           },
+//           {
+//             img: require('@/assets/nav/2.jpg'),
+//             url: ''
+//           },
+//           {
+//             img: require('@/assets/nav/3.jpg'),
+//             url: ''
+//           }
+//         ],
+//       ]
+//     },
+//   },
+  {
+    type: 'hotAdvert',
+    name: '热门广告',
+    icon: 'md-image',
+    showName: '',
+    options: {
+      list: [{
+          img: require('@/assets/nav/decorate1.png'),
+          url: '',
+          size: '1200*自定义'
         },
-    },
-    {
-        type:'discountAdvert',
-        name:'折扣广告',
-        icon:'md-image',
-        options:{
-            bgImg:{img:require('@/assets/nav/decorate.png'),url:'',size:"1300*586"},
-            classification:[{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'}, {img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},{img:require('@/assets/nav/decorate2.jpeg'),url:'', size:'190*210'},],
-            brandList:[{img:require('@/assets/nav/decorate11.jpeg'),url:'', size:'240*105'},{img:require('@/assets/nav/decorate11.jpeg'),url:'', size:'240*105'},{img:require('@/assets/nav/decorate11.jpeg'),url:'', size:'240*105'},{img:require('@/assets/nav/decorate11.jpeg'),url:'', size:'240*105'},]
+        {
+          img: require('@/assets/nav/1.jpg'),
+          url: '',
+          size: '230*190'
         },
+        {
+          img: require('@/assets/nav/1.jpg'),
+          url: '',
+          size: '230*190'
+        },
+        {
+          img: require('@/assets/nav/1.jpg'),
+          url: '',
+          size: '230*190'
+        },
+        {
+          img: require('@/assets/nav/1.jpg'),
+          url: '',
+          size: '230*190'
+        },
+        {
+          img: require('@/assets/nav/1.jpg'),
+          url: '',
+          size: '230*190'
+        }
+      ],
     },
-    {
-        type:'recommend',
-        name:'好货推荐',
-        icon:'md-image',
-        options:{
-            contentLeft:{
-                title:'发现好货',
-                secondTitle:'更多好货',
-                bgColor:'#449dae',
-                url:'',
-                list: [
-                    { img: require('@/assets/nav/decorate3.jpeg'), name: '阿迪达斯三叶草', describe: '也许是每一款经典系列都应该有一个独特的故事吧', url:'',size:'160*160' },
-                    { img: require('@/assets/nav/decorate4.jpeg'), name: '360行车记录', describe: '夜行 监控 电子狗 蓝牙', url:'' ,size:'80*80'},
-                    { img: require('@/assets/nav/decorate4.jpeg'), name: '360行车记录', describe: '夜行 监控 电子狗 蓝牙', url:'' ,size:'80*80'},
-                    { img: require('@/assets/nav/decorate4.jpeg'), name: '360行车记录', describe: '夜行 监控 电子狗 蓝牙', url:'' ,size:'80*80'},
-                    { img: require('@/assets/nav/decorate4.jpeg'), name: '360行车记录', describe: '夜行 监控 电子狗 蓝牙', url:'' ,size:'80*80'},
-                    { img: require('@/assets/nav/decorate4.jpeg'), name: '360行车记录', describe: '夜行 监控 电子狗 蓝牙', url:'' ,size:'80*80'},
-                    { img: require('@/assets/nav/decorate4.jpeg'), name: '360行车记录', describe: '夜行 监控 电子狗 蓝牙', url:'' ,size:'80*80'},
-                ]
+  },
+  {
+    type: 'seckill',
+    name: '促销活动',
+    icon: 'md-image',
+    showName: '',
+    options: {
+      list: [{
+          time: 6,
+          goodsList: [{
+              img: require('@/assets/nav/1.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafads123213a',
+              url: ''
             },
-            contentRight:{
-                title:'特色推荐',
-                secondTitle:'更多特色推荐',
-                bgColor:'#a25684',
-                url:'',
-                list: [
-                    { img: require('@/assets/nav/decorate5.jpeg'), name: '好心情喝出来', describe: '遇见懂你的饮品', url:'',size:'100*100' },
-                    { img: require('@/assets/nav/decorate5.jpeg'), name: '好心情喝出来', describe: '遇见懂你的饮品', url:'',size:'100*100' },
-                    { img: require('@/assets/nav/decorate5.jpeg'), name: '好心情喝出来', describe: '遇见懂你的饮品', url:'',size:'100*100' },
-                    { img: require('@/assets/nav/decorate5.jpeg'), name: '好心情喝出来', describe: '遇见懂你的饮品', url:'',size:'100*100' },
-                ]
-            }
-        },
-    },
-    {
-        type:'newGoodsSort',
-        name:'新品排行',
-        icon:'md-image',
-        options:{
-            left:{
-                title:'特卖',
-                secondTitle:"更多特卖",
-                bgColor:'#c43d7e',
-                url:'',
-                list:[
-                    {name:'新年心愿单', describe:'满269减50,满999减100',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"160*160"},
-                    {name:'Ms.Maggie 冬季时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'Ms.Maggie 冬季时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'Ms.Maggie 冬季时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'阿迪达斯 领跑时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                ],
+            {
+              img: require('@/assets/nav/2.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
             },
-            middle:{
-                title:'新品',
-                secondTitle:"更多新品",
-                bgColor:'#e66a07',
-                url:'',
-                list:[
-                    {name:'阿迪达斯 领跑时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'阿迪达斯 领跑时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'阿迪达斯 领跑时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'阿迪达斯 领跑时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'阿迪达斯 领跑时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                    {name:'阿迪达斯 领跑时尚', describe:'满269减50',img:require('@/assets/nav/decorate6.jpeg'), url:'',size:"90*90"},
-                ]
+            {
+              img: require('@/assets/nav/3.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
             },
-            right:{
-                title:'排行榜',
-                secondTitle:"精品风向标",
-                bgColor:'#b62323',
-                url:'',
-                list:[
-                    {name:'小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包', price:14.9, img:require('@/assets/nav/decorate7.jpeg'), url:''},
-                    {name:'小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包', price:14.9, img:require('@/assets/nav/decorate7.jpeg'), url:''},
-                    {name:'小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包', price:14.9, img:require('@/assets/nav/decorate7.jpeg'), url:''},
-                    {name:'小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包', price:14.9, img:require('@/assets/nav/decorate7.jpeg'), url:''},
-                    {name:'小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包', price:14.9, img:require('@/assets/nav/decorate7.jpeg'), url:''},
-                    {name:'小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包', price:14.9, img:require('@/assets/nav/decorate7.jpeg'), url:''},
-                ]
-            }
+            {
+              img: require('@/assets/nav/4.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/5.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/1.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/2.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/3.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/4.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/5.jpg'),
+              price: 20,
+              originalPrice: 30,
+              name: '阿迪达斯三叶草asdasdafadsa',
+              url: ''
+            },
+          ]
         },
-    },
-    {
-        type:'firstAdvert',
-        name:'首页广告',
-        icon:'md-image',
-        options:{
-            list:[
-                {name:'LILI生鲜', describe:"年货带回家 满199减60", img:require('@/assets/nav/decorate8.png'), url:'',fromColor:'#e89621',toColor:"#f5c568",size:'170*170'},
-                {name:'LILI众筹', describe:"备孕有孕检测仪", img:require('@/assets/nav/decorate9.png'), url:'', fromColor:"#325bb4", toColor:'#4c9afe',size:'170*170'},
-                {name:'LILI生鲜', describe:"年货带回家 满199减60", img:require('@/assets/nav/decorate8.png'), url:'', fromColor:"#1c9daf", toColor:'#40cda7',size:'170*170'},
-                {name:'LILI众筹', describe:"备孕有孕检测仪", img:require('@/assets/nav/decorate9.png'), url:'', fromColor:"#d13837", toColor:'#df6d4f',size:'170*170'},
-                {name:'LILI生鲜', describe:"年货带回家 满199减60", img:require('@/assets/nav/decorate8.png'), url:'', fromColor:"#ca4283", toColor:'#eb75cf',size:'170*170'},
-                {name:'LILI众筹', describe:"备孕有孕检测仪", img:require('@/assets/nav/decorate9.png'), url:'', fromColor:"#5d40c1", toColor:'#8c5fdb',size:'170*170'},
-            ],
+        {
+          time: 8,
+          goodsList: [{
+              img: require('@/assets/nav/1.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/2.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/3.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/4.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/5.jpg'),
+              url: ''
+            },
+          ]
         },
-    },
-    {
-        type:'bannerAdvert',
-        name:'横幅广告',
-        icon:'md-image',
-        options:{
-            img:'',
-            url:'',
-            size:'1200*自定义'
+        {
+          time: 10,
+          goodsList: [{
+              img: require('@/assets/nav/1.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/2.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/3.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/4.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/5.jpg'),
+              url: ''
+            },
+          ]
         },
-    },
-    {
-        type:'notEnough',
-        name:'还没逛够',
-        icon:'md-image',
-        options:{
-            list:[
-                [{ img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },],
-                [{ img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },],
-                [{ img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },],
-                [{ img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },
-                { img:require('@/assets/nav/decorate10.jpeg'), name:'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量', price:6666, url:'' },],
-                
-            ],
-            navList:[
-                {title:'精选',desc:'猜你喜欢'},
-                {title:'智能先锋',desc:'大电器城'},
-                {title:'居家优品',desc:'品质生活'},
-                {title:'超市百货',desc:'百货生鲜'},
-            ]
+        {
+          time: 12,
+          goodsList: [{
+              img: require('@/assets/nav/1.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/2.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/3.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/4.jpg'),
+              url: ''
+            },
+            {
+              img: require('@/assets/nav/5.jpg'),
+              url: ''
+            },
+          ]
         },
+        {
+          time: 14,
+          goodsList: []
+        },
+        {
+          time: 16,
+          goodsList: []
+        },
+        {
+          time: 18,
+          goodsList: []
+        }
+
+      ]
     },
-]
\ No newline at end of file
+  },
+  {
+    type: 'discountAdvert',
+    name: '折扣广告',
+    icon: 'md-image',
+    options: {
+      bgImg: {
+        img: require('@/assets/nav/decorate.png'),
+        url: '',
+        size: "1300*586"
+      },
+      classification: [{
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, {
+        img: require('@/assets/nav/decorate2.jpeg'),
+        url: '',
+        size: '190*210'
+      }, ],
+      brandList: [{
+        img: require('@/assets/nav/decorate11.jpeg'),
+        url: '',
+        size: '240*105'
+      }, {
+        img: require('@/assets/nav/decorate11.jpeg'),
+        url: '',
+        size: '240*105'
+      }, {
+        img: require('@/assets/nav/decorate11.jpeg'),
+        url: '',
+        size: '240*105'
+      }, {
+        img: require('@/assets/nav/decorate11.jpeg'),
+        url: '',
+        size: '240*105'
+      }, ]
+    },
+  },
+  {
+    type: 'recommend',
+    name: '好货推荐',
+    icon: 'md-image',
+    options: {
+      contentLeft: {
+        title: '发现好货',
+        secondTitle: '更多好货',
+        bgColor: '#449dae',
+        url: '',
+        list: [{
+            img: require('@/assets/nav/decorate3.jpeg'),
+            name: '阿迪达斯三叶草',
+            describe: '也许是每一款经典系列都应该有一个独特的故事吧',
+            url: '',
+            size: '160*160'
+          },
+          {
+            img: require('@/assets/nav/decorate4.jpeg'),
+            name: '360行车记录',
+            describe: '夜行 监控 电子狗 蓝牙',
+            url: '',
+            size: '80*80'
+          },
+          {
+            img: require('@/assets/nav/decorate4.jpeg'),
+            name: '360行车记录',
+            describe: '夜行 监控 电子狗 蓝牙',
+            url: '',
+            size: '80*80'
+          },
+          {
+            img: require('@/assets/nav/decorate4.jpeg'),
+            name: '360行车记录',
+            describe: '夜行 监控 电子狗 蓝牙',
+            url: '',
+            size: '80*80'
+          },
+          {
+            img: require('@/assets/nav/decorate4.jpeg'),
+            name: '360行车记录',
+            describe: '夜行 监控 电子狗 蓝牙',
+            url: '',
+            size: '80*80'
+          },
+          {
+            img: require('@/assets/nav/decorate4.jpeg'),
+            name: '360行车记录',
+            describe: '夜行 监控 电子狗 蓝牙',
+            url: '',
+            size: '80*80'
+          },
+          {
+            img: require('@/assets/nav/decorate4.jpeg'),
+            name: '360行车记录',
+            describe: '夜行 监控 电子狗 蓝牙',
+            url: '',
+            size: '80*80'
+          },
+        ]
+      },
+      contentRight: {
+        title: '特色推荐',
+        secondTitle: '更多特色推荐',
+        bgColor: '#a25684',
+        url: '',
+        list: [{
+            img: require('@/assets/nav/decorate5.jpeg'),
+            name: '好心情喝出来',
+            describe: '遇见懂你的饮品',
+            url: '',
+            size: '100*100'
+          },
+          {
+            img: require('@/assets/nav/decorate5.jpeg'),
+            name: '好心情喝出来',
+            describe: '遇见懂你的饮品',
+            url: '',
+            size: '100*100'
+          },
+          {
+            img: require('@/assets/nav/decorate5.jpeg'),
+            name: '好心情喝出来',
+            describe: '遇见懂你的饮品',
+            url: '',
+            size: '100*100'
+          },
+          {
+            img: require('@/assets/nav/decorate5.jpeg'),
+            name: '好心情喝出来',
+            describe: '遇见懂你的饮品',
+            url: '',
+            size: '100*100'
+          },
+        ]
+      }
+    },
+  },
+  {
+    type: 'newGoodsSort',
+    name: '新品排行',
+    icon: 'md-image',
+    options: {
+      left: {
+        title: '特卖',
+        secondTitle: "更多特卖",
+        bgColor: '#c43d7e',
+        url: '',
+        list: [{
+            name: '新年心愿单',
+            describe: '满269减50,满999减100',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "160*160"
+          },
+          {
+            name: 'Ms.Maggie 冬季时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: 'Ms.Maggie 冬季时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: 'Ms.Maggie 冬季时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: '阿迪达斯 领跑时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+        ],
+      },
+      middle: {
+        title: '新品',
+        secondTitle: "更多新品",
+        bgColor: '#e66a07',
+        url: '',
+        list: [{
+            name: '阿迪达斯 领跑时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: '阿迪达斯 领跑时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: '阿迪达斯 领跑时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: '阿迪达斯 领跑时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: '阿迪达斯 领跑时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+          {
+            name: '阿迪达斯 领跑时尚',
+            describe: '满269减50',
+            img: require('@/assets/nav/decorate6.jpeg'),
+            url: '',
+            size: "90*90"
+          },
+        ]
+      },
+      right: {
+        title: '排行榜',
+        secondTitle: "精品风向标",
+        bgColor: '#b62323',
+        url: '',
+        list: [{
+            name: '小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包',
+            price: 14.9,
+            img: require('@/assets/nav/decorate7.jpeg'),
+            url: ''
+          },
+          {
+            name: '小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包',
+            price: 14.9,
+            img: require('@/assets/nav/decorate7.jpeg'),
+            url: ''
+          },
+          {
+            name: '小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包',
+            price: 14.9,
+            img: require('@/assets/nav/decorate7.jpeg'),
+            url: ''
+          },
+          {
+            name: '小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包',
+            price: 14.9,
+            img: require('@/assets/nav/decorate7.jpeg'),
+            url: ''
+          },
+          {
+            name: '小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包',
+            price: 14.9,
+            img: require('@/assets/nav/decorate7.jpeg'),
+            url: ''
+          },
+          {
+            name: '小米红米3s手机壳保护套红米3高配版指纹男女款潮版磨砂硬壳防摔 收藏截图 送大礼包',
+            price: 14.9,
+            img: require('@/assets/nav/decorate7.jpeg'),
+            url: ''
+          },
+        ]
+      }
+    },
+  },
+  {
+    type: 'firstAdvert',
+    name: '首页广告',
+    icon: 'md-image',
+    options: {
+      list: [{
+          name: 'LILI生鲜',
+          describe: "年货带回家 满199减60",
+          img: require('@/assets/nav/decorate8.png'),
+          url: '',
+          fromColor: '#e89621',
+          toColor: "#f5c568",
+          size: '170*170'
+        },
+        {
+          name: 'LILI众筹',
+          describe: "备孕有孕检测仪",
+          img: require('@/assets/nav/decorate9.png'),
+          url: '',
+          fromColor: "#325bb4",
+          toColor: '#4c9afe',
+          size: '170*170'
+        },
+        {
+          name: 'LILI生鲜',
+          describe: "年货带回家 满199减60",
+          img: require('@/assets/nav/decorate8.png'),
+          url: '',
+          fromColor: "#1c9daf",
+          toColor: '#40cda7',
+          size: '170*170'
+        },
+        {
+          name: 'LILI众筹',
+          describe: "备孕有孕检测仪",
+          img: require('@/assets/nav/decorate9.png'),
+          url: '',
+          fromColor: "#d13837",
+          toColor: '#df6d4f',
+          size: '170*170'
+        },
+        {
+          name: 'LILI生鲜',
+          describe: "年货带回家 满199减60",
+          img: require('@/assets/nav/decorate8.png'),
+          url: '',
+          fromColor: "#ca4283",
+          toColor: '#eb75cf',
+          size: '170*170'
+        },
+        {
+          name: 'LILI众筹',
+          describe: "备孕有孕检测仪",
+          img: require('@/assets/nav/decorate9.png'),
+          url: '',
+          fromColor: "#5d40c1",
+          toColor: '#8c5fdb',
+          size: '170*170'
+        },
+      ],
+    },
+  },
+  {
+    type: 'bannerAdvert',
+    name: '横幅广告',
+    icon: 'md-image',
+    options: {
+      img: '',
+      url: '',
+      size: '1200*自定义'
+    },
+  },
+  {
+    type: 'notEnough',
+    name: '还没逛够',
+    icon: 'md-image',
+    options: {
+      list: [
+        [{
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+        ],
+        [{
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+        ],
+        [{
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+        ],
+        [{
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+          {
+            img: require('@/assets/nav/decorate10.jpeg'),
+            name: 'Apple/苹果 13 英寸：MacBook Pro Multi-Touch Bar 和 Touch ID 2.9GHz 处理器 512GB 存储容量',
+            price: 6666,
+            url: ''
+          },
+        ],
+
+      ],
+      navList: [{
+          title: '精选',
+          desc: '猜你喜欢'
+        },
+        {
+          title: '智能先锋',
+          desc: '大电器城'
+        },
+        {
+          title: '居家优品',
+          desc: '品质生活'
+        },
+        {
+          title: '超市百货',
+          desc: '百货生鲜'
+        },
+      ]
+    },
+  },
+]
diff --git a/manager/src/views/lili-floor-renovation/modelFormItem.vue b/manager/src/views/lili-floor-renovation/modelFormItem.vue
index f468fe3a..47452bf2 100644
--- a/manager/src/views/lili-floor-renovation/modelFormItem.vue
+++ b/manager/src/views/lili-floor-renovation/modelFormItem.vue
@@ -4,6 +4,14 @@
     <template v-if="element.type == 'carousel'">
       <model-carousel :data="element"></model-carousel>
     </template>
+    <!-- 轮播图模块，100%宽度，无个人信息栏 -->
+    <template v-if="element.type == 'carousel1'">
+      <model-carousel1 class="mb_20" :data="element"></model-carousel1>
+    </template>
+    <!-- 轮播图模块，包括个人信息，两个轮播模块 -->
+    <template v-if="element.type == 'carousel2'">
+      <model-carousel2 class="mb_20" :data="element"></model-carousel2>
+    </template>
     <!-- 热门广告 -->
     <template v-if="element.type == 'hotAdvert'">
       <div class="setup-content">
@@ -223,6 +231,8 @@
 
 <script>
 import ModelCarousel from "./modelList/carousel.vue";
+import ModelCarousel1 from './modelList/carousel1.vue';
+import ModelCarousel2 from './modelList/carousel2.vue';
 import FirstPageAdvert from "./modelList/firstPageAdvert.vue";
 import NewGoodsSort from "./modelList/newGoodsSort.vue";
 import Recommend from "./modelList/recommend.vue";
@@ -235,6 +245,8 @@ export default {
   props: ["element", "select", "index", "data"],
   components: {
     ModelCarousel,
+    ModelCarousel1,
+    ModelCarousel2,
     Recommend,
     NewGoodsSort,
     FirstPageAdvert,
diff --git a/manager/src/views/lili-floor-renovation/modelList/carousel1.vue b/manager/src/views/lili-floor-renovation/modelList/carousel1.vue
new file mode 100644
index 00000000..28238a42
--- /dev/null
+++ b/manager/src/views/lili-floor-renovation/modelList/carousel1.vue
@@ -0,0 +1,188 @@
+<template>
+  <div class="model-carousel1" :style="{background: bgColor}">
+    <div class="nav-body clearfix">
+      <!-- 侧边导航 -->
+      <div class="nav-side">导航栏占位区</div>
+      <div class="nav-content setup-content">
+        <!-- 轮播图 -->
+        <Carousel autoplay @on-change="autoChange">
+          <CarouselItem v-for="(item, index) in data.options.list" :key="index" >
+            <div style="overflow: hidden">
+              <img :src="item.img" width="1200" height="470" />
+            </div>
+          </CarouselItem>
+        </Carousel>
+        <div class="setup-box">
+          <div>
+            <Button size="small" @click.stop="handleSelectModel">编辑</Button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <Modal
+      v-model="showModal"
+      title="快捷导航"
+      draggable
+      width="800"
+      :z-index="100"
+      mask-closable="false"
+      :on-ok="sureDecorate"
+      :on-cancel="cancelDecorate"
+    >
+      <div class="modal-tab-bar">
+        <Button type="primary" size="small" @click="handleAdd">添加轮播</Button>
+        &nbsp;
+        <span class="ml_10">图片尺寸:{{ data.size }}</span>
+        <span style="color: red" class="fz_12 ml_10">点击缩略图替换图片、点击颜色选择器选择背景色</span>
+        <table cellspacing="0">
+          <thead>
+            <tr>
+              <th width="250">所选图片</th>
+              <th width="250">链接地址</th>
+              <th width="250">操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="(item, index) in data.options.list" :key="index">
+              <td>
+                <img
+                  style="cursor: pointer"
+                  :src="item.img"
+                  @click="handleSelectImg(item)"
+                  width="200"
+                  height="100"
+                  alt=""
+                />
+              </td>
+              <td><Input v-model="item.url" disabled /></td>
+              <td>
+                <Button
+                  type="info"
+                  size="small"
+                  @click="handleSelectLink(item)"
+                  >选择链接</Button
+                >&nbsp;
+                <ColorPicker size="small" v-model="item.bgColor" />
+                &nbsp;
+                <Button
+                  type="error"
+                  ghost
+                  size="small"
+                  @click="handleDel(index)"
+                  >删除</Button
+                >
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </Modal>
+    <!-- 选择商品。链接 -->
+    <liliDialog
+      ref="liliDialog"
+      @selectedLink="selectedLink"
+      @selectedGoodsData="selectedGoodsData"
+    ></liliDialog>
+    <!-- 选择图片 -->
+    <Modal width="1200px" v-model="picModelFlag" footer-hide>
+      <ossManage @callback="callbackSelected" ref="ossManage" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ossManage from "@/views/sys/oss-manage/ossManage";
+export default {
+  name: "modelCarousel",
+  props: ["data"],
+  components: {
+    ossManage
+  },
+  data() {
+    return {
+      showModal: false, // modal显隐
+      selected: null, // 已选数据
+      picModelFlag: false, // 选择图片modal
+      bgColor:'#fff'  // 轮播背景色
+    };
+  },
+  mounted () {
+    this.bgColor = this.data.options.list[0].bgColor
+  },
+  methods: {
+    handleSelectModel () {
+      // 编辑模块
+      this.showModal = true;
+    },
+    // 自动切换时改变背景色
+    autoChange (oVal,val) {
+      this.bgColor = this.data.options.list[val].bgColor
+    },
+    // 添加轮播图片和链接
+    handleAdd () {
+      this.data.options.list.push({ img: "", url: "", bgColor: '#fff' });
+      this.$forceUpdate();
+    },
+    // 打开选择链接modal
+    handleSelectLink (item) {
+      this.$refs.liliDialog.open('link')
+      this.selected = item;
+    },
+    callbackSelected (item) { // 选择图片回调
+      this.picModelFlag = false;
+      this.selected.img = item.url;
+    },
+    // 删除图片
+    handleDel(index) {
+      this.data.options.list.splice(index, 1);
+    },
+    selectedLink(val) { // 选择链接回调
+      this.selected.url = this.$options.filters.formatLinkType(val);
+    },
+    // 打开选择图片modal
+    handleSelectImg(item) {
+      this.selected = item;
+      this.$refs.ossManage.selectImage = true;
+      this.picModelFlag = true;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "./setup-box.scss";
+.model-carousel1 {
+  width: 1500px;
+  height: 470px;
+  margin-left: -150px;
+  background: #fff;
+}
+
+/*大的导航信息，包含导航，幻灯片等*/
+.nav-body {
+  width: 1200px;
+  height: 470px;
+  margin: 0px auto;
+  
+}
+.nav-side {
+  height: 100%;
+  width: 200px;
+  padding: 0px;
+  color: #fff;
+  background-color:rgba(0,0,0,.5);
+  line-height: 470px;
+  text-align: center;
+  position: absolute;
+  z-index: 1;
+}
+
+/*导航内容*/
+.nav-content {
+  width: 1200px;
+  height: 470px;
+  overflow: hidden;
+  float: left;
+  position: relative;
+}
+</style>
diff --git a/manager/src/views/lili-floor-renovation/modelList/carousel2.vue b/manager/src/views/lili-floor-renovation/modelList/carousel2.vue
new file mode 100644
index 00000000..7947437b
--- /dev/null
+++ b/manager/src/views/lili-floor-renovation/modelList/carousel2.vue
@@ -0,0 +1,370 @@
+<template>
+  <div class="model-carousel2">
+    <div class="nav-body clearfix">
+      <!-- 侧边导航 -->
+      <div class="nav-side">导航栏占位区</div>
+      <div class="nav-content setup-content">
+        <!-- 轮播图 -->
+        <Carousel autoplay>
+          <CarouselItem v-for="(item, index) in data.options.list" :key="index">
+            <div style="overflow: hidden">
+              <img :src="item.img" width="590" height="470" />
+            </div>
+          </CarouselItem>
+        </Carousel>
+        <div class="setup-box">
+          <div>
+            <Button size="small" @click.stop="handleSelectModel">编辑</Button>
+          </div>
+        </div>
+      </div>
+      <div class="nav-content1 setup-content">
+        <!-- 轮播图 -->
+        <Carousel autoplay :autoplay-speed="5000">
+          <CarouselItem v-for="(item, index) in data.options.listRight" :key="index">
+            <div class="mb_10">
+              <img :src="item[0].img" width="190" height="150" />
+            </div>
+            <div class="mb_10">
+              <img :src="item[1].img" width="190" height="150" />
+            </div>
+            <div>
+              <img :src="item[2].img" width="190" height="150" />
+            </div>
+          </CarouselItem>
+        </Carousel>
+        <div class="setup-box">
+          <div>
+            <Button size="small" @click.stop="handleSelectModel">编辑</Button>
+          </div>
+        </div>
+      </div>
+      <div class="nav-right">
+        <div class="person-msg">
+          <img :src="userInfo.face" v-if="userInfo.face" alt />
+          <Avatar icon="ios-person" class="mb_10" v-else size="80" />
+          <div>Hi，{{ userInfo.nickName || "欢迎来到LiLi Shop" | secrecyMobile }}</div>
+          <div v-if="userInfo.id">
+            <Button type="error" shape="circle">会员中心</Button>
+          </div>
+          <div v-else>
+            <Button type="error" shape="circle">请登录</Button>
+          </div>
+        </div>
+        <div class="shop-msg">
+          <div>
+            <span>常见问题</span>
+            <ul class="article-list">
+              <li class="ellipsis" :alt="article.title" v-for="(article, index) in articleList" :key="index" @click="goArticle(article.id)">
+                {{article.title}}
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 左侧轮播装修 -->
+    <Modal
+      v-model="showModal"
+      title="快捷导航"
+      draggable
+      width="800"
+      :z-index="100"
+      mask-closable="false"
+    >
+      <div class="modal-tab-bar">
+        <Button type="primary" size="small" @click="handleAdd">添加轮播</Button>
+        &nbsp;
+        <span class="ml_10">图片尺寸:{{ data.size }}</span>
+        <span style="color: red" class="fz_12 ml_10">点击缩略图替换图片</span>
+        <table cellspacing="0">
+          <thead>
+            <tr>
+              <th width="250">所选图片</th>
+              <th width="250">链接地址</th>
+              <th width="250">操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="(item, index) in data.options.list" :key="index">
+              <td>
+                <img
+                  style="cursor: pointer"
+                  :src="item.img"
+                  @click="handleSelectImg(item)"
+                  width="200"
+                  height="100"
+                  alt=""
+                />
+              </td>
+              <td><Input v-model="item.url" disabled /></td>
+              <td>
+                <Button
+                  type="info"
+                  size="small"
+                  @click="handleSelectLink(item)"
+                  >选择链接</Button>&nbsp;
+                <Button
+                  type="error"
+                  ghost
+                  size="small"
+                  @click="handleDel(index)"
+                  >删除</Button
+                >
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </Modal>
+    <!-- 右侧轮播装修 -->
+    <Modal
+      v-model="showModal"
+      title="右侧装修"
+      draggable
+      width="800"
+      :z-index="100"
+      mask-closable="false"
+    >
+      <div class="modal-tab-bar">
+        <Button type="primary" size="small" @click="handleAddGroup">添加组</Button>
+        &nbsp;
+        <span class="ml_10">图片尺寸:{{ data.size }}</span>
+        <span style="color: red" class="fz_12 ml_10">点击缩略图替换图片</span>
+        <Tabs type="card" closable @on-tab-remove="handleTabRemove" class="mt_10">
+          <TabPane :label="'图片组'+(gIndex+1)" v-for="(group, gIndex) in data.options.listRight" :key="gIndex">
+            <table cellspacing="0">
+              <thead>
+                <tr>
+                  <th width="250">所选图片</th>
+                  <th width="250">链接地址</th>
+                  <th width="250">操作</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(item, index) in group" :key="index">
+                  <td>
+                    <img
+                      style="cursor: pointer"
+                      :src="item.img"
+                      @click="handleSelectImg(item)"
+                      width="200"
+                      height="100"
+                      alt=""
+                    />
+                  </td>
+                  <td><Input v-model="item.url" disabled /></td>
+                  <td>
+                    <Button
+                      type="info"
+                      size="small"
+                      @click="handleSelectLink(item)"
+                      >选择链接</Button>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </TabPane>
+        </Tabs>
+        
+      </div>
+    </Modal>
+    <!-- 选择商品。链接 -->
+    <liliDialog
+      ref="liliDialog"
+      @selectedLink="selectedLink"
+      @selectedGoodsData="selectedGoodsData"
+    ></liliDialog>
+    <!-- 选择图片 -->
+    <Modal width="1200px" v-model="picModelFlag" footer-hide>
+      <ossManage @callback="callbackSelected" ref="ossManage" />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ossManage from "@/views/sys/oss-manage/ossManage";
+export default {
+  name: "modelCarousel",
+  props: ["data"],
+  components: {
+    ossManage
+  },
+  data() {
+    return {
+      showModal: false, // modal显隐
+      selected: null, // 已选数据
+      picModelFlag: false, // 选择图片modal
+      userInfo:{},
+      articleList:[
+        {title:'促销计算规则'},
+        {title:'商家申请开店'},
+        {title:'商家账号注册'},
+        {title:'促销计算规则'}
+      ]
+    };
+  },
+
+  methods: {
+    handleSelectModel () {
+      // 编辑模块
+      this.showModal = true;
+    },
+    // 添加轮播
+    handleAdd () {
+      this.data.options.list.push({ img: "", url: "" });
+      this.$forceUpdate();
+    },
+    // 添加图片组
+    handleAddGroup () {
+      this.data.options.listRight.push([
+        {img:'',url:''},
+        {img:'',url:''},
+        {img:'',url:''}
+      ])
+    },
+    // 删除图片组
+    handleTabRemove  (index) {
+      this.data.options.listRight.splice(index, 1)
+    },
+    // 打开图片链接
+    handleSelectLink (item) {
+      this.$refs.liliDialog.open('link')
+      this.selected = item;
+    },
+    callbackSelected (item) { // 选择图片回调
+      this.picModelFlag = false;
+      this.selected.img = item.url;
+    },
+    // 删除图片
+    handleDel(index) {
+      this.data.options.list.splice(index, 1);
+    },
+    selectedLink(val) { // 选择链接回调
+      console.log(val);
+      this.selected.url = this.$options.filters.formatLinkType(val);
+      console.log(this.selected.url);
+    },
+    // 打开选择图片modal
+    handleSelectImg(item) {
+      this.selected = item;
+      this.$refs.ossManage.selectImage = true;
+      this.picModelFlag = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "./setup-box.scss";
+.model-carousel2 {
+  width: 1200px;
+  height: 470px;
+  overflow: hidden;
+}
+
+.nav-item li {
+  float: left;
+  font-size: 16px;
+  font-weight: bold;
+  margin-left: 30px;
+}
+.nav-item a {
+  text-decoration: none;
+  color: #555555;
+}
+.nav-item a:hover {
+  color: $theme_color;
+}
+/*大的导航信息，包含导航，幻灯片等*/
+.nav-body {
+  width: 1200px;
+  height: 470px;
+  margin: 0px auto;
+}
+.nav-side {
+  height: 100%;
+  width: 200px;
+  padding: 0px;
+  color: #fff;
+  float: left;
+  background-color: #6e6568;
+  line-height: 470px;
+  text-align: center;
+}
+
+/*导航内容*/
+.nav-content,.nav-content1 {
+  width: 590px;
+  height: 470px;
+  overflow: hidden;
+  float: left;
+  position: relative;
+  margin-left: 10px;
+}
+.nav-content1{
+  width: 190px;
+}
+.nav-right {
+  float: left;
+  width: 190px;
+  margin-left: 10px;
+  .person-msg {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    margin: 20px auto;
+
+    button {
+      height: 25px !important;
+      margin-top: 10px;
+    }
+
+    .ivu-btn-default {
+      color: $theme_color;
+      border-color: $theme_color;
+    }
+
+    img {
+      margin-bottom: 10px;
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+    }
+  }
+  .shop-msg {
+    div {
+      width: 100%;
+      margin: 10px 27px;
+      span {
+        cursor: pointer;
+        text-align: center;
+        font-weight: bold;
+        margin-left: 5px;
+      }
+      span:nth-child(1) {
+        @include content_color($theme_color);
+        margin-left: 0;
+      }
+      span:nth-child(2) {
+        font-weight: normal;
+      }
+      span:nth-child(3):hover {
+        color: $theme_color;
+      }
+    }
+    ul {
+      li {
+        cursor: pointer;
+        margin: 5px 0;
+        color: #999395;
+        width: 150px;
+        font-size: 12px;
+        &:hover {
+          color: $theme_color;
+        }
+      }
+    }
+  }
+}
+</style>