完成频道页导航菜单

完成频道页导航菜单

assets/css/public/template/nav.less

@@ -93,6 +93,7 @@
     width: 100%;
     height: 130px;
     background: #A91B33;
+    margin-bottom: 30px;
     .componentBorder {
         border-left: 2px dashed #999;
         border-right: 2px dashed #999;

components/template/component/list/1200x480/1.vue

@@ -1,5 +1,92 @@
 <template>
-    1111111222222
+    <div class="listNewsBox">
+        <div class="listNewsTitle" v-if="skinId==1">
+            <NuxtLink
+                v-if="titleLink.cid"
+                :href="getLinkPath(titleLink)"
+                :title="titleLink.alias"
+            >
+                {{titleLink.alias}}
+            </NuxtLink>
+        </div>
+        <div class="listNewsTitle_skin2" v-if="skinId==2">
+            <span>
+                <NuxtLink
+                    v-if="titleLink.cid"
+                    :href="getLinkPath(titleLink)"
+                    :title="titleLink.alias"
+                >
+                    {{titleLink.alias}}
+                </NuxtLink>
+            </span>
+        </div>
+        <div class="listNewsContent">
+            <div class="listNewsContentLeft">
+                <div class="listNewsImgNewsBox">
+                    <div v-for="item in component_style1_News1Array" class="listNewsImgNewsItem">
+                        <NuxtLink 
+                            :href="getLinkPathDetail(item)" 
+                            :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            <img :src="item.imgurl" />
+                            <div class="listNewsImgNewsItemContent">
+                                <div class="listNewsImgNewsItemTitle">
+                                    {{ item.title }}
+                                </div>
+                            </div>
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="listNewsImgNewsUl">
+                    <div class="listNewsImgNewsLi" v-for="item in component_style1_News3">
+                        <NuxtLink 
+                            :href="getLinkPathDetail(item)" 
+                            :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            <div class="listNewsImgNewsMark" v-if="skinId==1">
+                                <div>重 点</div>
+                                <div>关 注</div>
+                            </div>
+                            <div class="listNewsImgNewsMark_skin2" v-if="skinId==2">
+                                <div>重 点</div>
+                                <div>关 注</div>
+                            </div>
+                            <div class="listNewsImgNewsTitle">{{ item.title }}</div>
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+            <div class="listNewsContentRight">
+                <div class="listNewsImgNewsBox">
+                    <div v-for="item in component_style1_News1Array_2" class="listNewsImgNewsItem">
+                        <NuxtLink 
+                            :href="getLinkPathDetail(item)" 
+                            :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            <img :src="item.imgurl" />
+                            <div class="listNewsImgNewsItemContent">
+                                <div class="listNewsImgNewsItemTitle">
+                                    {{ item.title }}
+                                </div>
+                            </div>
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="adBox">
+                    <!-- 广告模块 -->
+                    <a href="http://nzgxw.org.cn/" v-if="templateAdData.image_url==null" target="_blank" :title="templateAdData.introduce">
+                        <img :src="templateAdData.thumb" :alt="templateAdData.introduce" :id="templateAdData.ad_tag"  data-tag="templateAdData.ad_tag">
+                    </a>
+                    <a :href="templateAdData.image_url" v-else :title="templateAdData.introduce">
+                        <img :src="templateAdData.image_src" :alt="templateAdData.introduce" :id="templateAdData.ad_tag" data-tag="templateAdData.ad_tag">
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
 </template>
 
 <script setup>
@@ -10,10 +97,222 @@ const props = defineProps({
     titleLink:Object,//板块名称
     templateData:Array,//新闻数据
     skinId:String,//皮肤id
+    templateAdData:Object,//广告
 });
-
+//样式1与样式2共用 start ---------------------------------------->
+const component_style1_News1Array = ref({});
+component_style1_News1Array.value = props.templateData.img.slice(0,2);
+const component_style1_News1Array_2 = ref({});
+component_style1_News1Array_2.value = props.templateData.img.slice(2,3);
+const component_style1_News3 = ref({});
+component_style1_News3.value = props.templateData.text.slice(0,4);
+//样式1与样式2共用 end ---------------------------------------->
 </script>
 
 <style lang="less" scoped>
-
+.listNewsBox {
+    width: 1200px;
+    height: 480px;
+    position: relative;
+    .listNewsTitle {
+        font-size:22px;
+        font-weight:bold;
+        height: 40px;
+        line-height: 40px;
+        border-bottom: 2px solid #004564;
+        color:#004564;
+        margin-bottom: 20px;
+        box-sizing: border-box;
+        a {
+            color:#004564;
+            display: block;
+            height: 25px;
+            line-height: 25px;
+        }
+    }
+    .listNewsTitle_skin2 {
+        font-size:22px;
+        font-weight:bold;
+        height: 40px;
+        line-height: 40px;
+        border-bottom: 2px solid #A91B33;
+        color:#A91B33;
+        margin-bottom: 20px;
+        box-sizing: border-box;
+        a {
+            color:#A91B33;
+            display: block;
+            height: 25px;
+            line-height: 25px;
+        }
+        span {
+            color:#A91B33;
+            height: 25px;
+            line-height: 25px;
+            border-left: 3px solid #A91B33;
+            padding-left: 12px;
+            display: block;
+        }
+    }
+    .listNewsContent {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        .listNewsContentLeft {
+            width: 720px;
+            height: 420px;
+            .listNewsImgNewsBox {
+                width: 720px;
+                height: 110px;
+                display: flex;
+                align-items: flex-start;
+                justify-content: space-between;
+                margin-bottom: 20px;   
+                .listNewsImgNewsItem {
+                    a {
+                        display: flex;
+                        height: 110px;
+                        width: 350px;
+                        background: #F9FAFB;
+                        align-items: flex-start;
+                        justify-content: space-between;      
+                    }
+                    .listNewsImgNewsItemContent {
+                        padding: 15px 8px;
+                    }
+                    .listNewsImgNewsItemTitle {
+                        color: #333333;
+                        font-size: 18px;
+                        box-sizing: border-box;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box;
+                        line-clamp: 2;
+                        -webkit-line-clamp: 2;
+                        -webkit-box-orient: vertical;
+                    }
+                    img {
+                        display: block;
+                        width: 170px;
+                        height: 110px;
+                    }
+                }
+            }
+            .listNewsImgNewsUl {
+                .listNewsImgNewsLi {
+                    width: 720px;
+                    height: 62px;
+                    background: #F9FAFB;
+                    display: flex;
+                    margin-bottom: 14px;
+                    a {
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                    }
+                    .listNewsImgNewsMark {
+                        background: #004564;
+                        color: #fff;
+                        width: 50px;
+                        height: 62px;
+                        box-sizing: border-box;
+                        padding: 12px 10px;
+                        font-size: 12px;
+                        font-weight: bold;
+                        margin-right: 10px;
+                        div {
+                            margin-bottom: 5px;
+                            &:last-child {
+                                margin-bottom: 0;
+                            }
+                        }
+                    }
+                    .listNewsImgNewsMark_skin2 {
+                        background: #A91B33;
+                        color: #fff;
+                        width: 50px;
+                        height: 62px;
+                        box-sizing: border-box;
+                        padding: 15px 10px;
+                        font-size: 12px;
+                        font-weight: bold;
+                        margin-right: 10px;
+                        div {
+                            margin-bottom: 5px;
+                            &:last-child {
+                                margin-bottom: 0;
+                            }
+                        }
+                    }
+                    .listNewsImgNewsTitle {
+                        flex:1;
+                        color:#333;
+                        font-size: 18px;
+                        height: 62px;
+                        line-height: 62px;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        white-space: nowrap;
+                    }
+                    &:first-child {
+                        .listNewsImgNewsTitle {
+                            font-weight: bold;
+                        }
+                    }
+                    &:last-child {
+                        margin-bottom: 0;
+                    }
+                }
+            }
+        }
+        .listNewsContentRight {
+            width: 450px;
+            height: 420px;
+            .listNewsImgNewsBox {
+                margin-bottom: 20px;
+                .listNewsImgNewsItem {
+                    a {
+                        display: flex;
+                        height: 110px;
+                        width: 450px;
+                        background: #F9FAFB;
+                        align-items: flex-start;
+                        justify-content: space-between;      
+                    }
+                    .listNewsImgNewsItemContent {
+                        padding: 15px 8px;
+                    }
+                    .listNewsImgNewsItemTitle {
+                        color: #333333;
+                        font-size: 18px;
+                        box-sizing: border-box;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box;
+                        line-clamp: 2;
+                        -webkit-line-clamp: 2;
+                        -webkit-box-orient: vertical;
+                    }
+                    img {
+                        display: block;
+                        width: 170px;
+                        height: 110px;
+                    }
+                }
+            }
+            .adBox {
+                box-sizing: border-box;
+                position: relative;
+                img {
+                    display: block;
+                    width: 450px;
+                    height: 290px;
+                }
+                .templateEditBtnBox {
+                    right: 0;
+                }
+            }
+        }
+    }
+}
 </style>

components/template/component/list/1200x480/2.vue

@@ -1,5 +1,92 @@
 <template>
-    1111111222222
+    <div class="listNewsBox">
+        <div class="listNewsTitle" v-if="skinId==1">
+            <NuxtLink
+                v-if="titleLink.cid"
+                :href="getLinkPath(titleLink)"
+                :title="titleLink.alias"
+            >
+                {{titleLink.alias}}
+            </NuxtLink>
+        </div>
+        <div class="listNewsTitle_skin2" v-if="skinId==2">
+            <span>
+                <NuxtLink
+                    v-if="titleLink.cid"
+                    :href="getLinkPath(titleLink)"
+                    :title="titleLink.alias"
+                >
+                    {{titleLink.alias}}
+                </NuxtLink>
+            </span>
+        </div>
+        <div class="listNewsContent">
+            <div class="listNewsContentLeft">
+                <div class="listNewsImgNewsUl">
+                    <div class="listNewsImgNewsLi" v-for="item in component_style1_News3">
+                        <NuxtLink 
+                            :href="getLinkPathDetail(item)" 
+                            :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            <div class="listNewsImgNewsMark" v-if="skinId==1">
+                                <div>重 点</div>
+                                <div>关 注</div>
+                            </div>
+                            <div class="listNewsImgNewsMark_skin2" v-if="skinId==2">
+                                <div>重 点</div>
+                                <div>关 注</div>
+                            </div>
+                            <div class="listNewsImgNewsTitle">{{ item.title }}</div>
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="listNewsImgNewsBox">
+                    <div v-for="item in component_style1_News1Array" class="listNewsImgNewsItem">
+                        <NuxtLink 
+                            :href="getLinkPathDetail(item)" 
+                            :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            <img :src="item.imgurl" />
+                            <div class="listNewsImgNewsItemContent">
+                                <div class="listNewsImgNewsItemTitle">
+                                    {{ item.title }}
+                                </div>
+                            </div>
+                        </NuxtLink>
+                    </div>
+                </div>
+            </div>
+            <div class="listNewsContentRight">
+                <div class="listNewsImgNewsBox">
+                    <div v-for="item in component_style1_News1Array_2" class="listNewsImgNewsItem">
+                        <NuxtLink 
+                            :href="getLinkPathDetail(item)" 
+                            :title="item.title"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            <img :src="item.imgurl" />
+                            <div class="listNewsImgNewsItemContent">
+                                <div class="listNewsImgNewsItemTitle">
+                                    {{ item.title }}
+                                </div>
+                            </div>
+                        </NuxtLink>
+                    </div>
+                </div>
+                <div class="adBox">
+                    <!-- 广告模块 -->
+                    <a href="http://nzgxw.org.cn/" v-if="templateAdData.image_url==null" target="_blank" :title="templateAdData.introduce">
+                        <img :src="templateAdData.thumb" :alt="templateAdData.introduce" :id="templateAdData.ad_tag"  data-tag="templateAdData.ad_tag">
+                    </a>
+                    <a :href="templateAdData.image_url" v-else :title="templateAdData.introduce">
+                        <img :src="templateAdData.image_src" :alt="templateAdData.introduce" :id="templateAdData.ad_tag" data-tag="templateAdData.ad_tag">
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
 </template>
 
 <script setup>
@@ -10,10 +97,224 @@ const props = defineProps({
     titleLink:Object,//板块名称
     templateData:Array,//新闻数据
     skinId:String,//皮肤id
+    templateAdData:Object,//广告
 });
-
+//样式1与样式2共用 start ---------------------------------------->
+const component_style1_News1Array = ref({});
+component_style1_News1Array.value = props.templateData.img.slice(0,2);
+const component_style1_News1Array_2 = ref({});
+component_style1_News1Array_2.value = props.templateData.img.slice(2,3);
+const component_style1_News3 = ref({});
+component_style1_News3.value = props.templateData.text.slice(0,4);
+//样式1与样式2共用 end ---------------------------------------->
 </script>
 
 <style lang="less" scoped>
-
+.listNewsBox {
+    width: 1200px;
+    height: 480px;
+    position: relative;
+    .listNewsTitle {
+        font-size:22px;
+        font-weight:bold;
+        height: 40px;
+        line-height: 40px;
+        border-bottom: 2px solid #004564;
+        color:#004564;
+        margin-bottom: 20px;
+        box-sizing: border-box;
+        a {
+            color:#004564;
+            display: block;
+            height: 25px;
+            line-height: 25px;
+        }
+    }
+    .listNewsTitle_skin2 {
+        font-size:22px;
+        font-weight:bold;
+        height: 40px;
+        line-height: 40px;
+        border-bottom: 2px solid #A91B33;
+        color:#A91B33;
+        margin-bottom: 20px;
+        box-sizing: border-box;
+        a {
+            color:#A91B33;
+            display: block;
+            height: 25px;
+            line-height: 25px;
+        }
+        span {
+            color:#A91B33;
+            height: 25px;
+            line-height: 25px;
+            border-left: 3px solid #A91B33;
+            padding-left: 12px;
+            display: block;
+        }
+    }
+    .listNewsContent {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        .listNewsContentLeft {
+            width: 720px;
+            height: 420px;
+            .listNewsImgNewsBox {
+                width: 720px;
+                height: 110px;
+                display: flex;
+                align-items: flex-start;
+                justify-content: space-between;
+                margin-bottom: 20px;   
+                .listNewsImgNewsItem {
+                    a {
+                        display: flex;
+                        height: 110px;
+                        width: 350px;
+                        background: #F9FAFB;
+                        align-items: flex-start;
+                        justify-content: space-between;      
+                    }
+                    .listNewsImgNewsItemContent {
+                        padding: 15px 8px;
+                    }
+                    .listNewsImgNewsItemTitle {
+                        color: #333333;
+                        font-size: 18px;
+                        box-sizing: border-box;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box;
+                        line-clamp: 2;
+                        -webkit-line-clamp: 2;
+                        -webkit-box-orient: vertical;
+                    }
+                    img {
+                        display: block;
+                        width: 170px;
+                        height: 110px;
+                    }
+                }
+            }
+            .listNewsImgNewsUl {
+                height: 290px;
+                margin-bottom: 20px;
+                .listNewsImgNewsLi {
+                    width: 720px;
+                    height: 62px;
+                    background: #F9FAFB;
+                    display: flex;
+                    margin-bottom: 14px;
+                    a {
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                    }
+                    .listNewsImgNewsMark {
+                        background: #004564;
+                        color: #fff;
+                        width: 50px;
+                        height: 62px;
+                        box-sizing: border-box;
+                        padding: 12px 10px;
+                        font-size: 12px;
+                        font-weight: bold;
+                        margin-right: 10px;
+                        div {
+                            margin-bottom: 5px;
+                            &:last-child {
+                                margin-bottom: 0;
+                            }
+                        }
+                    }
+                    .listNewsImgNewsMark_skin2 {
+                        background: #A91B33;
+                        color: #fff;
+                        width: 50px;
+                        height: 62px;
+                        box-sizing: border-box;
+                        padding: 15px 10px;
+                        font-size: 12px;
+                        font-weight: bold;
+                        margin-right: 10px;
+                        div {
+                            margin-bottom: 5px;
+                            &:last-child {
+                                margin-bottom: 0;
+                            }
+                        }
+                    }
+                    .listNewsImgNewsTitle {
+                        flex:1;
+                        color:#333;
+                        font-size: 18px;
+                        height: 62px;
+                        line-height: 62px;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        white-space: nowrap;
+                    }
+                    &:first-child {
+                        .listNewsImgNewsTitle {
+                            font-weight: bold;
+                        }
+                    }
+                    &:last-child {
+                        margin-bottom: 0;
+                    }
+                }
+            }
+        }
+        .listNewsContentRight {
+            width: 450px;
+            height: 420px;
+            .listNewsImgNewsBox {
+                margin-bottom: 20px;
+                .listNewsImgNewsItem {
+                    a {
+                        display: flex;
+                        height: 110px;
+                        width: 450px;
+                        background: #F9FAFB;
+                        align-items: flex-start;
+                        justify-content: space-between;      
+                    }
+                    .listNewsImgNewsItemContent {
+                        padding: 15px 8px;
+                    }
+                    .listNewsImgNewsItemTitle {
+                        color: #333333;
+                        font-size: 18px;
+                        box-sizing: border-box;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box;
+                        line-clamp: 2;
+                        -webkit-line-clamp: 2;
+                        -webkit-box-orient: vertical;
+                    }
+                    img {
+                        display: block;
+                        width: 170px;
+                        height: 110px;
+                    }
+                }
+            }
+            .adBox {
+                box-sizing: border-box;
+                position: relative;
+                img {
+                    display: block;
+                    width: 450px;
+                    height: 290px;
+                }
+                .templateEditBtnBox {
+                    right: 0;
+                }
+            }
+        }
+    }
+}
 </style>

components/template/component/menu/1200x100/1.vue

@@ -0,0 +1,125 @@
+<template>
+    <div>
+        <div class="channelMenuTitle" v-if="skinId==1">
+            {{title}}
+        </div>
+        <div class="channelMenuTitle_skin2" v-if="skinId==2">
+            {{title}}
+        </div>
+        <div class="channelMenuList" v-if="skinId==1">
+            <div v-for="item in navigateData">
+                <NuxtLink :to="{path:`${item.aLIas_pinyin}/list-1.html`}" :class="{active:targetSegment==item.aLIas_pinyin}">{{item.alias}}</NuxtLink>
+            </div>
+        </div>
+        <div class="channelMenuList_skin2" v-if="skinId==2">
+            <div v-for="item in navigateData">
+                <NuxtLink :to="{path:`${item.aLIas_pinyin}/list-1.html`}" :class="{active:targetSegment==item.aLIas_pinyin}">{{item.alias}}</NuxtLink>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import {ref} from 'vue';
+//获得新闻数据
+const props = defineProps({
+    skinId:String,//组件样式
+    navigateData:Array,//子导航数据
+    routeId:Number//导航对应的cid
+});
+//获得导航名称
+const title = ref("")
+const mkdata = await requestDataPromise('/web/getOneWebsiteCategory', {
+    method: 'GET',
+    query: {
+        'catid': props.routeId,
+    },
+});
+if (mkdata.code == 200) {
+    title.value = mkdata.data.alias;
+} 
+//获取当前url路径
+const route = useRoute();
+//获得当前的完整路径
+const fullPath = route.path;
+const segments = fullPath.split('/');
+const targetSegment = segments[1];
+</script>
+
+<style lang="less" scoped>
+.channelMenuTitle {
+    width: 1200px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 24px;
+    color:#1C5468;
+    font-weight: bold;
+    text-align: center;
+    background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250620/1750381219965589.jpg') no-repeat center center;
+    margin-bottom: 25px;
+}
+.channelMenuTitle_skin2 {
+    width: 1200px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 24px;
+    color:#A91B33;
+    font-weight: bold;
+    text-align: center;
+    background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750914827434788.jpg') no-repeat center center;
+    margin-bottom: 25px;
+}
+.channelMenuList {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    color: #333;
+    border-bottom: 2px solid #004564;
+    padding-bottom: 15px;
+    div {
+        font-size: 16px;
+        font-weight: bold;
+        width: 120px;
+        height: 22px;
+        line-height: 22px;
+        a {
+            color: #333;
+            display: block;
+            text-align: center;
+            &:hover {
+                color: #004564;
+            }
+        }
+        a.active {
+            color: #004564;
+        }
+    }
+}
+.channelMenuList_skin2 {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    color: #333;
+    border-bottom: 2px solid #A91B33;
+    padding-bottom: 15px;
+    div {
+        font-size: 16px;
+        font-weight: bold;
+        width: 120px;
+        height: 22px;
+        line-height: 22px;
+        a {
+            color: #333;
+            display: block;
+            text-align: center;
+            &:hover {
+                color: #A91B33;
+            }
+        }
+        a.active {
+            color: #A91B33;
+        }
+    }
+}
+</style>

components/template/component/menu/1200x100/2.vue

@@ -0,0 +1,124 @@
+<template>
+    <div>
+        <div class="channelMenuTitle" v-if="skinId==1">
+            {{title}}
+        </div>
+        <div class="channelMenuTitle_skin2" v-if="skinId==2">
+            {{title}}
+        </div>
+        <div class="channelMenuList" v-if="skinId==1">
+            <div v-for="item in navigateData">
+                <NuxtLink :to="{path:`${item.aLIas_pinyin}/list-1.html`}" :class="{active:targetSegment==item.aLIas_pinyin}">{{item.alias}}</NuxtLink>
+            </div>
+        </div>
+        <div class="channelMenuList_skin2" v-if="skinId==2">
+            <div v-for="item in navigateData">
+                <NuxtLink :to="{path:`${item.aLIas_pinyin}/list-1.html`}" :class="{active:targetSegment==item.aLIas_pinyin}">{{item.alias}}</NuxtLink>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//引入vue
+import {ref} from 'vue';
+//获得新闻数据
+const props = defineProps({
+    skinId:String,//组件样式
+    navigateData:Array,//子导航数据
+    routeId:Number//导航对应的cid
+});
+//获得导航名称
+const title = ref("")
+const mkdata = await requestDataPromise('/web/getOneWebsiteCategory', {
+    method: 'GET',
+    query: {
+        'catid': props.routeId,
+    },
+});
+if (mkdata.code == 200) {
+    title.value = mkdata.data.alias;
+} 
+//获取当前url路径
+const route = useRoute();
+//获得当前的完整路径
+const fullPath = route.path;
+const segments = fullPath.split('/');
+const targetSegment = segments[1];
+</script>
+
+<style lang="less" scoped>
+.channelMenuTitle {
+    width: 1200px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 24px;
+    color:#1C5468;
+    font-weight: bold;
+    text-align: center;
+    background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250620/1750381219965589.jpg') no-repeat center center;
+    margin-bottom: 25px;
+}
+.channelMenuTitle_skin2 {
+    width: 1200px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 24px;
+    color:#A91B33;
+    font-weight: bold;
+    text-align: center;
+    background: url('http://img.bjzxtw.org.cn/pre/image/jpeg/20250626/1750914827434788.jpg') no-repeat center center;
+    margin-bottom: 25px;
+}
+.channelMenuList {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    color: #333;
+    padding-bottom: 15px;
+    div {
+        font-size: 16px;
+        font-weight: bold;
+        width: 120px;
+        height: 22px;
+        line-height: 22px;
+        a {
+            color: #333;
+            display: block;
+            text-align: center;
+            &:hover {
+                color: #004564;
+            }
+        }
+        a.active {
+            color: #004564;
+        }
+    }
+}
+.channelMenuList_skin2 {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    color: #333;
+    border-bottom: 2px solid #A91B33;
+    padding-bottom: 15px;
+    div {
+        font-size: 16px;
+        font-weight: bold;
+        width: 120px;
+        height: 22px;
+        line-height: 22px;
+        a {
+            color: #333;
+            display: block;
+            text-align: center;
+            &:hover {
+                color: #A91B33;
+            }
+        }
+        a.active {
+            color: #A91B33;
+        }
+    }
+}
+</style>

components/template/sector/body/class/menu/1200x100/1.vue

@@ -0,0 +1,47 @@
+<template>
+    <div class="channelMenuBox">
+        <div class="channelMenuSector">
+            <div v-if="templateData.componentList[0].component_style.toString()=='2'">
+                <menu1Style :skinId="skinId" :navigateData="navigateData" :routeId="routeId"/>
+            </div>
+            <div v-if="templateData.componentList[0].component_style.toString()=='1'">
+                <menu2Style :skinId="skinId" :navigateData="navigateData" :routeId="routeId"/>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//样式1
+import menu1Style from '@/components/template/component/menu/1200x100/1.vue'
+//样式2
+import menu2Style from '@/components/template/component/menu/1200x100/2.vue'
+
+//引入vue
+import {ref} from 'vue';
+//获得新闻数据
+const props = defineProps({
+    skinId: Number,//皮肤id
+    templateData: Object,//模板数据
+    navigateData: Array,//导航数据
+    routeId: Number//导航对应的cid
+});
+</script>
+
+<style lang="less" scoped>
+.channelMenuBox {
+    width: 100%;
+    height: 100px;
+    margin-bottom: 30px;
+    box-sizing: content-box;
+    .channelMenuSector {
+        width: 1200px;
+        height: 100px;
+        margin: 0 auto;
+        position: relative;
+        .templateEditBtnBox {
+            right: 0;
+        }
+    }
+}
+</style>

components/template/sector/body/index/list/1200x480/1.vue

@@ -6,7 +6,8 @@
                     v-if="templateData.componentList[0].data.text.length > 0" 
                     :titleLink="componentTitle1" 
                     :templateData="templateData.componentList[0].data"
-                    :skinId="skinId"
+                    :skinId="skinId" 
+                    :templateAdData="templateAdData"
                 />
                 <nodata v-else :dataStyle="2" :dataWidth="1200" :dataHeight="480" />
             </div>
@@ -15,7 +16,8 @@
                     v-if="templateData.componentList[0].data.text.length > 0" 
                     :titleLink="componentTitle1" 
                     :templateData="templateData.componentList[0].data"
-                    :skinId="skinId"
+                    :skinId="skinId" 
+                    :templateAdData="templateAdData"
                 />
                 <nodata v-else :dataStyle="2" :dataWidth="1200" :dataHeight="480" />
             </div>
@@ -32,6 +34,8 @@ import main2Style from '@/components/template/component/list/1200x480/2.vue'
 const props = defineProps({
     skinId: Number,//皮肤id
     templateData:Object,//新闻数据
+    adData: Array,//广告池
+    adTag: String,//广告标识
 });
 //该通栏下只有1个组件
 const componentTitle1 = {
@@ -41,12 +45,15 @@ const componentTitle1 = {
     children_count: props.templateData.componentList[0].data.children_count,
     cid:props.templateData.componentList[0].data.category_id
 }
+//该通栏含有1个广告
+const templateAdData = requestAd(props.adData,props.adTag)
 </script>
 
 <style lang="less" scoped>
 .onlyImgSectorBox {
     width: 100%;
     height: 480px;
+    margin-bottom: 30px;
     .onlyImgSector {
         width: 1200px;
         height: 480px;

composables/publicFunction.ts

@@ -50,7 +50,7 @@ const getTitleLength = function (title: string, length: number) {
 const getLinkPath = (item: any) => {
   if (item.is_url == 1) {
     return `${item.web_url}`;
-  } else if (item.children_count == 0) {
+  } else if (item.children_count == 0 || item.children_count == null) {
     //return `/newsList/${item.category_id}?page=1`;
     return `/${item.aLIas_pinyin}/list-1.html`;
   } else {

pages/[dir]/index.html.vue

@@ -1,30 +1,63 @@
 <template>
+    <!-- 头部 -->
+    <templateHead></templateHead>
+    <!-- 菜单 -->
+    <templateMenu></templateMenu>
+    <!-- 内容 -->
     <div>
-        <HomePageHead></HomePageHead>
-        <HomePageNavigation></HomePageNavigation>
-
-
-        <div>当前皮肤：{{ skinId }}</div>
-        <div>/sannongzixun/601517.html</div>
-        <div><br/><br/><br/></div>
-        <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
-        
-        <!-- 页脚部分 -->
-        <HomeFoot></HomeFoot>
+        <!--频道菜单-->
+        <templateChannelMenu :skinId="skinId" :navigateData="navigateData.data" :templateData="testTemplateData2" :routeId="routeId"></templateChannelMenu>
+        <!--广告组件-->
+        <templateAd :adTag="'nmw_category_0001'" :skinId="skinId" :adData="adData"></templateAd>
     </div>
+    <!-- 底部 -->
+    <templateFoot></templateFoot>
 </template>
 
 <script setup>
-//0.获得基本信息单元 start---------------------------------------->
-//0.0获得页面依赖
+//0.加载全局模板组件 start---------------------------------------->
+//0.1全局通栏
+import templateHead from '@/components/template/sector/head/1200x200/1.vue'
+import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
+import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
+//0.2局部通栏
+//0.2.1广告组件
+import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
+//0.2.2 频道菜单
+import templateChannelMenu from '@/components/template/sector/body/class/menu/1200x100/1.vue'
+//0.加载全局模板组件 end---------------------------------------->
+
+//1.获得基本信息单元 start---------------------------------------->
+//1.1获得页面依赖
 import { ref, onMounted } from 'vue';
 import { ElMessage } from 'element-plus';
-//0.1获得pinia源
+//1.2使用url查询导航池id
+const targetSegment = getRoutePath(1);
+const routeId = ref("");
+const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
+    method: 'GET',
+    query: {
+        'pinyin': targetSegment,
+    },
+});
+if (getRouteId.code == 200) {
+    routeId.value = getRouteId.data.category_id
+}
+//1.3获得频道页导航
+const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
+    method: 'GET',
+    query: {
+        'placeid': 1,
+        'pid': routeId.value,
+        'num': 8
+    },
+});
+//1.4获得pinia源
 import { useTemplateBaseStore } from '@/stores/templateBase'
 const templateBaseStore = useTemplateBaseStore()
-//0.2获得该页的皮肤id - 在每个组件中也是同样的获得方法
+//1.5获得该页的皮肤id - 在每个组件中也是同样的获得方法
 const skinId = ref("")
-//0.3获得站点基本信息
+//1.6获得站点基本信息
 const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
     method: 'GET',
     query: {
@@ -34,67 +67,523 @@ const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
     },
 });
 if (responseStatus.code == 200) {
-    //0.3.1设置站点基本信息
+    //1.6.1设置站点基本信息
     templateBaseStore.setWebSiteInfo(responseStatus.data)
-    //0.3.2设置皮肤id
+    //1.6.2设置皮肤id
     skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
 }
-//0.4获得广告池
+//1.7获得广告池
+const adData = ref([]);
 const adResponseStatus = await requestDataPromise('/web/getWebsiteAdvertisement', {
     method: 'GET',
     query: {},
 });
 if (adResponseStatus.code == 200) {
-    //console.log(responseStatus.data)
     templateBaseStore.setAdList(adResponseStatus.data)
-    //获取广告
-    //adImg.value = requestAd(templateBaseStore.webAdList,templateBaseStore.webSiteInfo.website_head.ad_key + "_" + "top")
+    adData.value = adResponseStatus.data;
 }
-//0.获得基本信息单元 end---------------------------------------->
-
-//1.获得路由id start ---------------------------------------->
-const targetSegment = getRoutePath(1);
-//1.1 获得当前的路由id
-let routeId;
-//1.2 通过导航路径反向查询导航id
-const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment,
-    },
-});
-if (getRouteId.code == 200) {
-    routeId = getRouteId.data.category_id
-} else {
-    console.log("获得路由id出错！", getRouteId.message)
-}
-//1.获得路由id end ---------------------------------------->
-
-//2.设置seo信息 start---------------------------------------->
+//1.8.seo
 const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
     method: 'GET',
     query: {
-        'catid': routeId
+        'catid': routeId.value
     },
 });
+let seoTitle = setData.data.seo_title;
+let seoDescription = setData.data.seo_description;
+let seoKeywords = setData.data.seo_keywords;
+let seoSuffix = setData.data.suffix;
+let seoName = setData.data.website_name;
+useSeoMeta({
+    title: seoTitle + "_" + seoSuffix,
+    meta: [
+        { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
+        { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
+    ]
+});
+//1.获得基本信息单元 end---------------------------------------->
+
+//2.页面数据 start---------------------------------------->
+//2.0 测试数据 后期移除
+const testTemplateData = {
+    "sectorName": "text",
+    "componentList": [
+        {
+            "component_type": 1,//1=新闻 2=广告
+            "component_style": 1,//样式
+            "sort": 1,//组件位置
+            "data": {
+                "alias":"一级导航名称",
+                "category_id": 11,
+                "pinyin": "nongyeshengchan",
+                "text": [
+                    {
+                        "id": 2863,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 2862,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun/buweidongtai"
+                    },
+                    {
+                        "id": 50126,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 3976,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50189,
+                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminhezuoshe"
+                    },
+                    {
+                        "id": 50190,
+                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminhezuoshe"
+                    }
+                ],
+                "img": [
+                    {
+                        "id": 50129,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "linyuting123",
+                        "updated_at": "2025-05-30 13:50:54",
+                        "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "cat_arr_id": "[1,201]",
+                        "catid": 201,
+                        "level": "[1,2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:46",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[2]",
+                        "catid": 2,
+                        "level": "[2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:45",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[1]",
+                        "catid": 1,
+                        "level": "[2]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:44",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[11]",
+                        "catid": 11,
+                        "level": "[2]",
+                        "pinyin": "xinnongcun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:43",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[14,240]",
+                        "catid": 240,
+                        "level": "[2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-04-16 11:04:29",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": null,
+                        "catid": 36,
+                        "level": "[2]",
+                        "pinyin": "sannongzixun"
+                    }
+                ]
+            }
+        },
+        {
+            "component_type": 1,//1=新闻 2=广告
+            "component_style": 1,//样式
+            "sort": 1,//组件位置
+            "data": {
+                "alias":"一级导航名称2",
+                "category_id": 11,
+                "pinyin": "sannongzixun/zhengcefagui",
+                "text": [
+                    {
+                        "id": 2863,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 2862,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun/buweidongtai"
+                    },
+                    {
+                        "id": 50126,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 3976,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50189,
+                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminhezuoshe"
+                    },
+                    {
+                        "id": 50190,
+                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminhezuoshe"
+                    }
+                ],
+                "img": [
+                    {
+                        "id": 50129,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "linyuting123",
+                        "updated_at": "2025-05-30 13:50:54",
+                        "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "cat_arr_id": "[1,201]",
+                        "catid": 201,
+                        "level": "[1,2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:46",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[2]",
+                        "catid": 2,
+                        "level": "[2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:45",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[1]",
+                        "catid": 1,
+                        "level": "[2]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:44",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[11]",
+                        "catid": 11,
+                        "level": "[2]",
+                        "pinyin": "xinnongcun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:43",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[14,240]",
+                        "catid": 240,
+                        "level": "[2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-04-16 11:04:29",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": null,
+                        "catid": 36,
+                        "level": "[2]",
+                        "pinyin": "sannongzixun"
+                    }
+                ]
+            }
+        },
+        {
+            "component_type": 1,//1=新闻 2=广告
+            "component_style": 1,//样式
+            "sort": 3,//组件位置
+            "data": {
+                "alias":"一级导航名称3",
+                "category_id": 11,
+                "pinyin": "sannongzixun/zhengcefagui",
+                "text": [
+                    {
+                        "id": 2863,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 2862,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun/buweidongtai"
+                    },
+                    {
+                        "id": 50126,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 3976,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50189,
+                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminhezuoshe"
+                    },
+                    {
+                        "id": 50190,
+                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "pinyin": "nongminhezuoshe"
+                    }
+                ],
+                "img": [
+                    {
+                        "id": 50129,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "linyuting123",
+                        "updated_at": "2025-05-30 13:50:54",
+                        "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "cat_arr_id": "[1,201]",
+                        "catid": 201,
+                        "level": "[1,2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:46",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[2]",
+                        "catid": 2,
+                        "level": "[2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:45",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[1]",
+                        "catid": 1,
+                        "level": "[2]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:44",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[11]",
+                        "catid": 11,
+                        "level": "[2]",
+                        "pinyin": "xinnongcun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-05-30 13:50:43",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": "[14,240]",
+                        "catid": 240,
+                        "level": "[2,3]",
+                        "pinyin": "sannongzixun"
+                    },
+                    {
+                        "id": 50129,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
+                        "author": "佚名",
+                        "updated_at": "2025-04-16 11:04:29",
+                        "introduce": "描述",
+                        "islink": 0,
+                        "linkurl": "",
+                        "copyfrom": "本网",
+                        "cat_arr_id": null,
+                        "catid": 36,
+                        "level": "[2]",
+                        "pinyin": "sannongzixun"
+                    }
+                ]
+            }
+        },
+    ],
+    "ad": {
+        "ad_tag": "nmw_index_0003"
+    }
+}
 
-if (setData.code == 200) {
-    let seoTitle = setData.data.seo_title;
-    let seoDescription = setData.data.seo_description;
-    let seoKeywords = setData.data.seo_keywords;
-    let seoSuffix = setData.data.suffix;
-    let seoName = setData.data.website_name;
-    useSeoMeta({
-        title: seoTitle + "_" + seoSuffix,
-        meta: [
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
-        ]
-    });
-} else {
-    console.log("设置频道页SEO出错！", setData.message)
+//静态链接测试数据
+const testTemplateData2 = {
+    "sectorName": "linkSector",
+    "componentList": [
+        {
+            "component_type": 3,
+            "component_style": 1,
+            "sort": 1,
+            "componentData": {}
+        }
+    ],
+    "sort": 4
 }
-//2.设置seo信息 end---------------------------------------->
+//2.页面数据 end---------------------------------------->
 </script>
 
 <style lang="less" scoped>

pages/index.vue

@@ -20,13 +20,13 @@
         <!--图文组合3-->
         <templateNewSector3 :skinId="skinId" :templateData="testTemplateData"></templateNewSector3>
         <!--图文与广告组合-->
-        <templateNewAndAd :skinId="skinId" :templateData="testTemplateData" :adData="adData"></templateNewAndAd>
+        <templateNewAndAd :skinId="skinId" :templateData="testTemplateData" :adData="adData" :adTag="'nmw_index_0003'"></templateNewAndAd>
     </div>
     <!-- 底部 -->
     <templateFoot></templateFoot>
 </template>
 
-<script setup>
+<script setup>  
 //0.加载全局模板组件 start---------------------------------------->
 //0.1 全局通栏
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
@@ -112,61 +112,62 @@ const testTemplateData = {
             "data": {
                 "alias":"一级导航名称",
                 "category_id": 11,
-                "pinyin": "sannongzixun",
+                "pinyin": "nongyeshengchan",
+                "children_count": 1,//有多少个子集 用于跳转到频道页
                 "text": [
                     {
-                        "id": 50079,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙1",
+                        "id": 2863,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongtansuo/jiaodianfangtan"
+                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
                     },
                     {
-                        "id": 50136,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙2",
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50137,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙3",
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙4",
+                        "id": 2862,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun/buweidongtai"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙5",
+                        "id": 50126,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "id": 3976,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙7",
+                        "id": 50189,
+                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "nongminhezuoshe"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙8",
+                        "id": 50190,
+                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "nongminhezuoshe"
                     }
                 ],
                 "img": [
                     {
-                        "id": 3843,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙1",
+                        "id": 50129,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "linyuting123",
                         "updated_at": "2025-05-30 13:50:54",
@@ -177,11 +178,11 @@ const testTemplateData = {
                         "cat_arr_id": "[1,201]",
                         "catid": 201,
                         "level": "[1,2,3]",
-                        "pinyin": "sannongzixunwangzhengcefagui/faguijiexi"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3406,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙2",
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:46",
@@ -192,11 +193,11 @@ const testTemplateData = {
                         "cat_arr_id": "[2]",
                         "catid": 2,
                         "level": "[2,3]",
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3276,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙3",
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:45",
@@ -207,11 +208,11 @@ const testTemplateData = {
                         "cat_arr_id": "[1]",
                         "catid": 1,
                         "level": "[2]",
-                        "pinyin": "sannongzixunwangzhengcefagui"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3261,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙4",
+                        "id": 50129,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:44",
@@ -225,8 +226,8 @@ const testTemplateData = {
                         "pinyin": "xinnongcun"
                     },
                     {
-                        "id": 3186,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙5",
+                        "id": 50129,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:43",
@@ -237,11 +238,11 @@ const testTemplateData = {
                         "cat_arr_id": "[14,240]",
                         "catid": 240,
                         "level": "[2,3]",
-                        "pinyin": "sannongkejiao/nongyekepu"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 2552,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "id": 50129,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-04-16 11:04:29",
@@ -252,7 +253,7 @@ const testTemplateData = {
                         "cat_arr_id": null,
                         "catid": 36,
                         "level": "[2]",
-                        "pinyin": "xinnongcun/gaoduanzixun"
+                        "pinyin": "sannongzixun"
                     }
                 ]
             }
@@ -264,61 +265,62 @@ const testTemplateData = {
             "data": {
                 "alias":"一级导航名称2",
                 "category_id": 11,
-                "pinyin": "sannongzixun",
+                "children_count": 0,//有多少个子集 用于跳转到频道页
+                "pinyin": "sannongzixun/zhengcefagui",
                 "text": [
                     {
-                        "id": 50079,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙1",
+                        "id": 2863,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongtansuo/jiaodianfangtan"
+                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
                     },
                     {
-                        "id": 50136,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙2",
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50137,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙3",
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙4",
+                        "id": 2862,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun/buweidongtai"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙5",
+                        "id": 50126,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "id": 3976,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙7",
+                        "id": 50189,
+                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "nongminhezuoshe"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙8",
+                        "id": 50190,
+                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "nongminhezuoshe"
                     }
                 ],
                 "img": [
                     {
-                        "id": 3843,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙1",
+                        "id": 50129,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "linyuting123",
                         "updated_at": "2025-05-30 13:50:54",
@@ -329,11 +331,11 @@ const testTemplateData = {
                         "cat_arr_id": "[1,201]",
                         "catid": 201,
                         "level": "[1,2,3]",
-                        "pinyin": "sannongzixunwangzhengcefagui/faguijiexi"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3406,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙2",
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:46",
@@ -344,11 +346,11 @@ const testTemplateData = {
                         "cat_arr_id": "[2]",
                         "catid": 2,
                         "level": "[2,3]",
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3276,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙3",
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:45",
@@ -359,11 +361,11 @@ const testTemplateData = {
                         "cat_arr_id": "[1]",
                         "catid": 1,
                         "level": "[2]",
-                        "pinyin": "sannongzixunwangzhengcefagui"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3261,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙4",
+                        "id": 50129,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:44",
@@ -377,8 +379,8 @@ const testTemplateData = {
                         "pinyin": "xinnongcun"
                     },
                     {
-                        "id": 3186,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙5",
+                        "id": 50129,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:43",
@@ -389,11 +391,11 @@ const testTemplateData = {
                         "cat_arr_id": "[14,240]",
                         "catid": 240,
                         "level": "[2,3]",
-                        "pinyin": "sannongkejiao/nongyekepu"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 2552,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "id": 50129,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-04-16 11:04:29",
@@ -404,7 +406,7 @@ const testTemplateData = {
                         "cat_arr_id": null,
                         "catid": 36,
                         "level": "[2]",
-                        "pinyin": "xinnongcun/gaoduanzixun"
+                        "pinyin": "sannongzixun"
                     }
                 ]
             }
@@ -416,61 +418,62 @@ const testTemplateData = {
             "data": {
                 "alias":"一级导航名称3",
                 "category_id": 11,
-                "pinyin": "sannongzixun",
+                "children_count": 0,//有多少个子集 用于跳转到频道页
+                "pinyin": "sannongzixun/zhengcefagui",
                 "text": [
                     {
-                        "id": 50079,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙1",
+                        "id": 2863,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongtansuo/jiaodianfangtan"
+                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
                     },
                     {
-                        "id": 50136,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙2",
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50137,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙3",
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙4",
+                        "id": 2862,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun/buweidongtai"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙5",
+                        "id": 50126,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "id": 3976,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙7",
+                        "id": 50189,
+                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "nongminhezuoshe"
                     },
                     {
-                        "id": 50138,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙8",
+                        "id": 50190,
+                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "islink": 0,
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "nongminhezuoshe"
                     }
                 ],
                 "img": [
                     {
-                        "id": 3843,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙1",
+                        "id": 50129,
+                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "linyuting123",
                         "updated_at": "2025-05-30 13:50:54",
@@ -481,11 +484,11 @@ const testTemplateData = {
                         "cat_arr_id": "[1,201]",
                         "catid": 201,
                         "level": "[1,2,3]",
-                        "pinyin": "sannongzixunwangzhengcefagui/faguijiexi"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3406,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙2",
+                        "id": 50129,
+                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:46",
@@ -496,11 +499,11 @@ const testTemplateData = {
                         "cat_arr_id": "[2]",
                         "catid": 2,
                         "level": "[2,3]",
-                        "pinyin": "sannongzhichuang"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3276,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙3",
+                        "id": 50129,
+                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:45",
@@ -511,11 +514,11 @@ const testTemplateData = {
                         "cat_arr_id": "[1]",
                         "catid": 1,
                         "level": "[2]",
-                        "pinyin": "sannongzixunwangzhengcefagui"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 3261,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙4",
+                        "id": 50129,
+                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:44",
@@ -529,8 +532,8 @@ const testTemplateData = {
                         "pinyin": "xinnongcun"
                     },
                     {
-                        "id": 3186,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙5",
+                        "id": 50129,
+                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-05-30 13:50:43",
@@ -541,11 +544,11 @@ const testTemplateData = {
                         "cat_arr_id": "[14,240]",
                         "catid": 240,
                         "level": "[2,3]",
-                        "pinyin": "sannongkejiao/nongyekepu"
+                        "pinyin": "sannongzixun"
                     },
                     {
-                        "id": 2552,
-                        "title": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
+                        "id": 50129,
+                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
                         "author": "佚名",
                         "updated_at": "2025-04-16 11:04:29",
@@ -556,12 +559,15 @@ const testTemplateData = {
                         "cat_arr_id": null,
                         "catid": 36,
                         "level": "[2]",
-                        "pinyin": "xinnongcun/gaoduanzixun"
+                        "pinyin": "sannongzixun"
                     }
                 ]
             }
-        }
+        },
     ],
+    "ad": {
+        "ad_tag": "nmw_index_0003"
+    }
 }
 
 //静态链接测试数据