新增组件

src/components/sallCenter/templateEdit.vue

@@ -296,6 +296,8 @@
                   @comDelPlugin="comDelPlugin" :index="index" :dataLeng="dataList.length"></storeGoods>
                 <educationteacher v-if="item.Id=='educationteacher'" :lsData="item" @getSord="getSord"
                   @comDelPlugin="comDelPlugin" :index="index" :dataLeng="dataList.length"></educationteacher>
+                <navPage v-if="item.Id=='nav-page'" :navData="item" @getSord="getSord" @comDelPlugin="comDelPlugin"
+                  :index="index" :dataLeng="dataList.length"></navPage>
               </div>
             </div>
           </div>
@@ -410,6 +412,7 @@
   import educationCustom from "../sallCenter/plugin/educationCustom"
   import reservestore from "../sallCenter/plugin/reservestore"
   import storeGoods from "../sallCenter/plugin/storeGoods"
+  import navPage from "../sallCenter/plugin/nav-page"
 
 
   import ChooseImg from "@/components/global/ChooseImg.vue";
@@ -486,7 +489,8 @@
       educationCustom,
       reservestore,
       storeGoods,
-      educationteacher
+      educationteacher,
+      navPage
     },
     methods: {
       //选择图片
@@ -626,9 +630,9 @@
               Id: 'notice',
               isCked: false,
               data: {
-                name:'公告', //公告名称
-                content:'', //公告内容
-                icon:this.domainManager().ImageUrl + '/Static/icon-notice.png', //公告图标
+                name: '公告', //公告名称
+                content: '', //公告内容
+                icon: this.domainManager().ImageUrl + '/Static/icon-notice.png', //公告图标
                 textColor: '#ffffff', //文字颜色
                 background: '#f67f79', //背景颜色
                 headerUrl: this.domainManager().ImageUrl + '/Static/icon-notice-title.png', //头部图片
@@ -715,9 +719,9 @@
                 right: 0, //右边距
                 bottom: 0, //下边距
                 left: 0, //左边距
-                isfullscreen:false, //是否全屏
-                backgroundimage:'', //背景图片
-                radius:0, //视频圆角
+                isfullscreen: false, //是否全屏
+                backgroundimage: '', //背景图片
+                radius: 0, //视频圆角
               }
             }
             this.dataList.push(videoObj);
@@ -1457,6 +1461,28 @@
             }
             this.dataList.push(lsObj);
             break;
+            //导航栏目
+          case 'nav-page':
+            let navPageObj = {
+              Id: 'nav-page',
+              isCked: false,
+              data: {
+                color: '#353535',
+                rows: 1, //每页行数
+                columns: 3, //每行个数
+                scroll: true, //左右滑动
+                navs: [], //导航图标
+                showImg: false, //背景图片
+                backgroundColor: '#ffffff', //背景颜色
+                backgroundPicUrl: '', //背景链接
+                position: 5, //图片位置
+                mode: 1, //填充方式
+                backgroundHeight: 100, //背景图宽
+                backgroundWidth: 100, //背景图高
+              }
+            }
+            this.dataList.push(navPageObj);
+            break;
         }
       },
       //给子组件调用 重新排序上移下移