自助建站列表页增加导航组件

自助建站列表页增加导航组件

src/layout/components/template/pages/list/sector.vue

@@ -1,5 +1,17 @@
 <template>
     <div class="sectorBox">
+        <div 
+            class="sectorItemBox" 
+            @click="addModule('channelMenu', 13, channelMenu)"
+            @drag="drag('channelMenu', 13, channelMenu)" 
+            @dragend="dragend('channelMenu', 13, channelMenu)"
+        >
+            <div class="sectorItem">
+                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250619/1750311785239902.jpg" v-if="this.$store.state.template.editWebsiteClass==1"/>
+                <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750839704883892.jpg" v-if="this.$store.state.template.editWebsiteClass==2"/>
+            </div>
+            <div class="sectorItemTitle">子导航菜单</div>
+        </div>
         <div class="sectorItemBox" 
             @click="addModule('adSector', 12, adSector)" 
             @drag="drag('adSector', 12, adSector)"
@@ -35,6 +47,19 @@ export default {
     },
     data() {
         return {
+            //模块1频道菜单 start---------------------------------------->
+            channelMenu: {
+                "sectorName": "channelMenu",//板块名称
+                "componentList": [
+                    {
+                        "component_type": 3,//组件类型  1=新闻（选择导航池id）2=广告（输入广告位名称） 3=静态组件
+                        "component_style": 1,//组件选择了哪个版式
+                        "sort": 1,
+                        "componentData": {}
+                    }
+                ],
+            },
+            //模块1频道菜单 end---------------------------------------->
             //添加通栏广告模块 start---------------------------------------->
             adSector: {
                 "sectorName": "adSector",//板块名称

src/views/template/page/pageList.vue

@@ -44,7 +44,11 @@
                         <div v-if="item.type == 'adSector'" class="moduleBox">
                             <adSector :dataSort="item.dataSort" :id="item.i" :y="item.y" />
                         </div>
-                        <!-- 2.固定列表 -->
+                        <!-- 2.广告通栏 -->
+                        <div v-if="item.type == 'channelMenu'" class="moduleBox">
+                            <channelMenu :dataSort="item.dataSort" :id="item.i" :y="item.y" />
+                        </div>
+                        <!-- 3.固定列表 -->
                         <div v-if="item.type == 'fixedListSector'" class="moduleBox">
                             <fixedListSector :dataSort="item.dataSort" :id="item.i" :y="item.y" />
                         </div>
@@ -72,6 +76,8 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 import headSector from '../style/sector/head/1200x200/1.vue';
 //一级菜单导肮
 import menuSector from '../style/sector/menu/1200x130/1.vue';
+//频道菜单
+import channelMenu from '../style/sector/body/class/menu/1200x100/1.vue';
 //列表页是固定的
 import fixedListSector from '../style/sector/body/list/list/1200x1220/1.vue';
 //底部
@@ -88,6 +94,7 @@ export default {
         headSector,//全局页头
         menuSector,//全局导航
         adSector,//通栏广告
+        channelMenu,//频道菜单
         fixedListSector,//固定列表
         footerSector
     },