|
@@ -2,12 +2,12 @@
|
|
<div>
|
|
<div>
|
|
<HomePageHead></HomePageHead>
|
|
<HomePageHead></HomePageHead>
|
|
<HomePageNavigation></HomePageNavigation>
|
|
<HomePageNavigation></HomePageNavigation>
|
|
- <!-- <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading> -->
|
|
|
|
|
|
+ <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
|
|
<!-- 频道页 -->
|
|
<!-- 频道页 -->
|
|
<!-- 农副产品供销网-频道页 -->
|
|
<!-- 农副产品供销网-频道页 -->
|
|
<main class="index_main" id="all_vue">
|
|
<main class="index_main" id="all_vue">
|
|
<!-- 二级栏目 start -->
|
|
<!-- 二级栏目 start -->
|
|
- <nav class="channel_nav clearfix" v-if="pageData">
|
|
|
|
|
|
+ <!-- <nav class="channel_nav clearfix" v-if="pageData">
|
|
<a class="channel_nav_head_name" href="" title="">
|
|
<a class="channel_nav_head_name" href="" title="">
|
|
{{ title }}
|
|
{{ title }}
|
|
</a>
|
|
</a>
|
|
@@ -17,7 +17,7 @@
|
|
<span class="nav2_title">{{ item.alias }}</span>
|
|
<span class="nav2_title">{{ item.alias }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
- </nav>
|
|
|
|
|
|
+ </nav> -->
|
|
<!-- 二级栏目 end -->
|
|
<!-- 二级栏目 end -->
|
|
<section class="channel_1 clearfix">
|
|
<section class="channel_1 clearfix">
|
|
<div class="channel_box_1 clearfix">
|
|
<div class="channel_box_1 clearfix">
|
|
@@ -52,7 +52,6 @@
|
|
<HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
|
|
<HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
|
|
<section class="channel_2 clearfix">
|
|
<section class="channel_2 clearfix">
|
|
<div class="channel_box_3 clearfix">
|
|
<div class="channel_box_3 clearfix">
|
|
- <!--start 模块2-->
|
|
|
|
<div class="channel_head_btn_box">
|
|
<div class="channel_head_btn_box">
|
|
<div class="channel_head_btn channel_head_btn_only">
|
|
<div class="channel_head_btn channel_head_btn_only">
|
|
<NuxtLink class="channel_head_a" :href="getLinkPath(pageData[1])" v-if="pageData[1]"
|
|
<NuxtLink class="channel_head_a" :href="getLinkPath(pageData[1])" v-if="pageData[1]"
|
|
@@ -65,7 +64,7 @@
|
|
栏目简介
|
|
栏目简介
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
- <div class="channel_big_ul clearfix" >
|
|
|
|
|
|
+ <div class="channel_big_ul clearfix" v-if="pageData[1]">
|
|
<div class="channel_big_li clearfix" v-if="pageData[1].data[0]">
|
|
<div class="channel_big_li clearfix" v-if="pageData[1].data[0]">
|
|
<div class="channel_big_li_img_box" v-if="pageData[1].data[0]">
|
|
<div class="channel_big_li_img_box" v-if="pageData[1].data[0]">
|
|
<NuxtLink :href="getLinkPathDetail(pageData[1].data[0])"
|
|
<NuxtLink :href="getLinkPathDetail(pageData[1].data[0])"
|
|
@@ -105,8 +104,6 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <!--end 模块2 -->
|
|
|
|
- <!--start 模块3-->
|
|
|
|
<div class="channel_head_btn_box channel_head_top">
|
|
<div class="channel_head_btn_box channel_head_top">
|
|
<div class="channel_head_btn channel_head_btn_only">
|
|
<div class="channel_head_btn channel_head_btn_only">
|
|
<NuxtLink class="channel_head_a" :href="getLinkPath(pageData[2])" v-if="pageData[2]"
|
|
<NuxtLink class="channel_head_a" :href="getLinkPath(pageData[2])" v-if="pageData[2]"
|
|
@@ -119,9 +116,9 @@
|
|
栏目简介
|
|
栏目简介
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
- <div class=" clearfix">
|
|
|
|
|
|
+ <div class="clearfix">
|
|
<div class="channel_box_5 clearfix">
|
|
<div class="channel_box_5 clearfix">
|
|
- <div class="channel_img_ul_2">
|
|
|
|
|
|
+ <div class="channel_img_ul_2" v-if="pageData[2]">
|
|
<div class="channel_img_ul_2_li" v-if="pageData[2].data[0]">
|
|
<div class="channel_img_ul_2_li" v-if="pageData[2].data[0]">
|
|
<NuxtLink :href="getLinkPathDetail(pageData[2].data[0])"
|
|
<NuxtLink :href="getLinkPathDetail(pageData[2].data[0])"
|
|
:title="pageData[2].data[0].title">
|
|
:title="pageData[2].data[0].title">
|
|
@@ -134,216 +131,212 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="channel_box_6 clearfix" v-if="pageData[2].data2"">
|
|
|
|
- <div class=" channel_ul_2 clearfix">
|
|
|
|
- <NuxtLink class="channel_ul_2_a dot1" v-for="(item, index) in pageData[2].data2"
|
|
|
|
- :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
|
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
- {{ item.title }}
|
|
|
|
- </NuxtLink>
|
|
|
|
|
|
+ <div class="channel_box_6 clearfix" v-if="pageData[2]">
|
|
|
|
+ <div class=" channel_ul_2 clearfix" v-if="pageData[2].data2">
|
|
|
|
+ <NuxtLink class="channel_ul_2_a dot1" v-for="(item, index) in pageData[2].data2"
|
|
|
|
+ :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
|
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <!--end 模块3 -->
|
|
|
|
- </div>
|
|
|
|
- <div class="channel_box_4 clearfix">
|
|
|
|
- <!--start 模块4 -->
|
|
|
|
- <div class="channel_head_btn_box">
|
|
|
|
- <div class="channel_head_btn channel_head_btn_only">
|
|
|
|
- <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
|
|
|
|
- :title="pageData[3].alias">
|
|
|
|
- {{ pageData[3].alias }}
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
|
|
|
|
- :title="pageData[3].alias">
|
|
|
|
- 栏目简介
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <div class="channel_img_ul_3" v-if="pageData[3].data">
|
|
|
|
- <div class="channel_img_ul_3_li clearfix_2" v-for="(item, index) in pageData[3].data" :key="item">
|
|
|
|
- <NuxtLink class="channel_img_ul_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
|
- :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
- <div class="channel_img_ul_3_li_img_box">
|
|
|
|
- <img class="channel_img_ul_3_li_img" :src="item.imgurl" title="" alt="">
|
|
|
|
|
|
+ <div class="channel_box_4 clearfix">
|
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
|
|
|
|
+ :title="pageData[3].alias">
|
|
|
|
+ {{ pageData[3].alias }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
|
|
|
|
+ :title="pageData[3].alias">
|
|
|
|
+ 栏目简介
|
|
|
|
+ </NuxtLink>
|
|
</div>
|
|
</div>
|
|
- <div class="channel_img_ul_3_li_dot3 dot3">
|
|
|
|
- {{ item.title }}
|
|
|
|
|
|
+ <div class="channel_img_ul_3" v-if="pageData[3].data">
|
|
|
|
+ <div class="channel_img_ul_3_li clearfix_2" v-for="(item, index) in pageData[3].data" :key="item">
|
|
|
|
+ <NuxtLink class="channel_img_ul_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
|
+ :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ <div class="channel_img_ul_3_li_img_box">
|
|
|
|
+ <img class="channel_img_ul_3_li_img" :src="item.imgurl" title="" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_img_ul_3_li_dot3 dot3">
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_img_ul_3_li_num">{{ index + 1 }}</div>
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="channel_img_ul_3_li_num">{{ index + 1 }}</div>
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!--end 模块4 -->
|
|
|
|
- </section>
|
|
|
|
- <!-- 广告2 -->
|
|
|
|
- <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
|
|
|
|
- <section class="channel_3 clearfix">
|
|
|
|
- <div class="channel_box_3 clearfix"v-if="pageData[4]">
|
|
|
|
- <!--start 模块5 -->
|
|
|
|
- <div class="channel_head_btn_box">
|
|
|
|
- <div class="channel_head_btn channel_head_btn_only">
|
|
|
|
- <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
|
|
|
|
- :title="pageData[4].alias">
|
|
|
|
- {{ pageData[4].alias }}
|
|
|
|
- </NuxtLink>
|
|
|
|
</div>
|
|
</div>
|
|
- <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
|
|
|
|
- :title="pageData[4].alias">
|
|
|
|
- 栏目简介
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <div class="channel_img_ul_4 clearfix" v-if="pageData[4].data">
|
|
|
|
- <div class="channel_img_ul_4_li clearfix" v-for="(item, index) in pageData[4].data" :key="index">
|
|
|
|
- <NuxtLink class="channel_img_ul_4_li_a clearfix" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
|
- :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
- <div class="channel_img_ul_4_li_img_box">
|
|
|
|
- <img class="channel_img_ul_4_li_img" :src="item.imgurl" title="" alt="">
|
|
|
|
|
|
+ </section>
|
|
|
|
+ <!-- 广告2 -->
|
|
|
|
+ <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
|
|
|
|
+ <section class="channel_3 clearfix">
|
|
|
|
+ <div class="channel_box_3 clearfix"v-if="pageData[4]">
|
|
|
|
+ <!--start 模块5 -->
|
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
|
|
|
|
+ :title="pageData[4].alias">
|
|
|
|
+ {{ pageData[4].alias }}
|
|
|
|
+ </NuxtLink>
|
|
</div>
|
|
</div>
|
|
- <div class="channel_img_ul_4_li_dot2 dot2">{{ item.title }}</div>
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="channel_ul_3 clearfix" v-if="pageData[4].data2">
|
|
|
|
- <div class="channel_ul_3_li clearfix" v-for="(item, index) in pageData[4].data2" :key="index">
|
|
|
|
- <NuxtLink class="channel_ul_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
|
- :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
- <div class="channel_ul_3_li_tag">{{ pageData[4].alias }}</div>
|
|
|
|
- <div class="channel_ul_3_li_dot1 dot1"> {{ item.title }}</div>
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!--end 模块5 -->
|
|
|
|
- </div>
|
|
|
|
- <div class="channel_box_4 clearfix" v-if="pageData[5]">
|
|
|
|
- <!--start 模块6-->
|
|
|
|
- <div class="channel_head_btn_box">
|
|
|
|
- <div class="channel_head_btn channel_head_btn_only">
|
|
|
|
- <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
|
|
|
|
- :title="pageData[5].alias">
|
|
|
|
- {{ pageData[5].alias }}
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
|
|
|
|
- :title="pageData[5].alias">
|
|
|
|
- 栏目简介
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <div class="channel_img_ul_5">
|
|
|
|
- <div class="channel_img_ul_5_li" v-if="pageData[5].data[0]">
|
|
|
|
- <NuxtLink class="channel_img_ul_5_li_a" :href="getLinkPathDetail(pageData[5].data[0])"
|
|
|
|
- :title="pageData[5].data[0].title"
|
|
|
|
- :target="pageData[5].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
|
- <img class="channel_img_ul_5_li_img" :src="pageData[5].data[0].imgurl" title="" alt="">
|
|
|
|
- <div class="channel_img_ul_5_li_dot2 dot2"> {{ pageData[5].data[0].title }}</div>
|
|
|
|
- </NuxtLink>
|
|
|
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
|
|
|
|
+ :title="pageData[4].alias">
|
|
|
|
+ 栏目简介
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_img_ul_4 clearfix" v-if="pageData[4].data">
|
|
|
|
+ <div class="channel_img_ul_4_li clearfix" v-for="(item, index) in pageData[4].data" :key="index">
|
|
|
|
+ <NuxtLink class="channel_img_ul_4_li_a clearfix" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
|
+ :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ <div class="channel_img_ul_4_li_img_box">
|
|
|
|
+ <img class="channel_img_ul_4_li_img" :src="item.imgurl" title="" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_img_ul_4_li_dot2 dot2">{{ item.title }}</div>
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_ul_3 clearfix" v-if="pageData[4].data2">
|
|
|
|
+ <div class="channel_ul_3_li clearfix" v-for="(item, index) in pageData[4].data2" :key="index">
|
|
|
|
+ <NuxtLink class="channel_ul_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
|
+ :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ <div class="channel_ul_3_li_tag">{{ pageData[4].alias }}</div>
|
|
|
|
+ <div class="channel_ul_3_li_dot1 dot1"> {{ item.title }}</div>
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!--end 模块5 -->
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <!--end 模块6-->
|
|
|
|
- </div>
|
|
|
|
- </section>
|
|
|
|
- <section class="channel_4 clearfix">
|
|
|
|
- <div class="channel_box_3 clearfix" v-if="pageData[6]">
|
|
|
|
- <div class="channel_head_btn_box">
|
|
|
|
- <div class="channel_head_btn">
|
|
|
|
- <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
|
|
|
|
- :title="pageData[6].alias">
|
|
|
|
- {{ pageData[6].alias }}
|
|
|
|
- </NuxtLink>
|
|
|
|
|
|
+ <div class="channel_box_4 clearfix" v-if="pageData[5]">
|
|
|
|
+ <!--start 模块6-->
|
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
|
|
|
|
+ :title="pageData[5].alias">
|
|
|
|
+ {{ pageData[5].alias }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
|
|
|
|
+ :title="pageData[5].alias">
|
|
|
|
+ 栏目简介
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_img_ul_5">
|
|
|
|
+ <div class="channel_img_ul_5_li" v-if="pageData[5].data[0]">
|
|
|
|
+ <NuxtLink class="channel_img_ul_5_li_a" :href="getLinkPathDetail(pageData[5].data[0])"
|
|
|
|
+ :title="pageData[5].data[0].title"
|
|
|
|
+ :target="pageData[5].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ <img class="channel_img_ul_5_li_img" :src="pageData[5].data[0].imgurl" title="" alt="">
|
|
|
|
+ <div class="channel_img_ul_5_li_dot2 dot2"> {{ pageData[5].data[0].title }}</div>
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!--end 模块6-->
|
|
</div>
|
|
</div>
|
|
- <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
|
|
|
|
- :title="pageData[6].alias">
|
|
|
|
- 栏目简介
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <div class=" clearfix">
|
|
|
|
- <!--start 模块7-->
|
|
|
|
- <div class=" clearfix">
|
|
|
|
- <div class="channel_box_5 clearfix">
|
|
|
|
- <div class="channel_img_ul_6" v-if="pageData[6].data[0]">
|
|
|
|
- <div class="channel_img_ul_6_li">
|
|
|
|
- <NuxtLink class="channel_img_ul_6_li_a" :href="getLinkPathDetail(pageData[6].data[0])"
|
|
|
|
- :title="pageData[6].data[0].title"
|
|
|
|
- :target="pageData[6].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
|
- <img class="channel_img_ul_6_li_img" :src="pageData[6].data[0].imgurl" title=""
|
|
|
|
- alt="">
|
|
|
|
- <div class="channel_img_ul_6_li_dot2 dot2">
|
|
|
|
- {{ pageData[6].data[0].title }}
|
|
|
|
|
|
+ </section>
|
|
|
|
+ <section class="channel_4 clearfix">
|
|
|
|
+ <div class="channel_box_3 clearfix" v-if="pageData[6]">
|
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
|
+ <div class="channel_head_btn">
|
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
|
|
|
|
+ :title="pageData[6].alias">
|
|
|
|
+ {{ pageData[6].alias }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
|
|
|
|
+ :title="pageData[6].alias">
|
|
|
|
+ 栏目简介
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ <div class=" clearfix">
|
|
|
|
+ <!--start 模块7-->
|
|
|
|
+ <div class=" clearfix">
|
|
|
|
+ <div class="channel_box_5 clearfix">
|
|
|
|
+ <div class="channel_img_ul_6" v-if="pageData[6].data[0]">
|
|
|
|
+ <div class="channel_img_ul_6_li">
|
|
|
|
+ <NuxtLink class="channel_img_ul_6_li_a" :href="getLinkPathDetail(pageData[6].data[0])"
|
|
|
|
+ :title="pageData[6].data[0].title"
|
|
|
|
+ :target="pageData[6].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ <img class="channel_img_ul_6_li_img" :src="pageData[6].data[0].imgurl" title=""
|
|
|
|
+ alt="">
|
|
|
|
+ <div class="channel_img_ul_6_li_dot2 dot2">
|
|
|
|
+ {{ pageData[6].data[0].title }}
|
|
|
|
+ </div>
|
|
|
|
+ </NuxtLink>
|
|
</div>
|
|
</div>
|
|
- </NuxtLink>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_img_ul_even_1 clearfix" v-if="pageData[6].data2">
|
|
|
|
+ <div class="channel_img_ul_even_1_li" v-for="(item, index) in pageData[6].data2"
|
|
|
|
+ :key="index">
|
|
|
|
+ <NuxtLink class="channel_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
|
|
|
|
+ :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ <img class="channel_img_ul_even_1_li_img" :src="item.imgurl" title="" alt="">
|
|
|
|
+ <div class="channel_img_ul_even_1_li_dot2 dot2">
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </div>
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="channel_img_ul_even_1 clearfix" v-if="pageData[6].data2">
|
|
|
|
- <div class="channel_img_ul_even_1_li" v-for="(item, index) in pageData[6].data2"
|
|
|
|
- :key="index">
|
|
|
|
- <NuxtLink class="channel_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
|
|
|
|
- :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
- <img class="channel_img_ul_even_1_li_img" :src="item.imgurl" title="" alt="">
|
|
|
|
- <div class="channel_img_ul_even_1_li_dot2 dot2">
|
|
|
|
|
|
+ <div class="channel_box_6 clearfix">
|
|
|
|
+ <div class="channel_ul_4 clearfix" v-if="pageData[6].data3">
|
|
|
|
+ <NuxtLink class="channel_ul_4_a dot1" :href="getLinkPathDetail(item)"
|
|
|
|
+ v-for="(item, index) in pageData[6].data3" :key="index"
|
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
{{ item.title }}
|
|
{{ item.title }}
|
|
- </div>
|
|
|
|
- </NuxtLink>
|
|
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="channel_box_6 clearfix">
|
|
|
|
- <div class="channel_ul_4 clearfix" v-if="pageData[6].data3">
|
|
|
|
- <NuxtLink class="channel_ul_4_a dot1" :href="getLinkPathDetail(item)"
|
|
|
|
- v-for="(item, index) in pageData[6].data3" :key="index"
|
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
- {{ item.title }}
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_box_4 clearfix" v-if="pageData[7]">
|
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
|
+ <div class="channel_head_btn">
|
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
|
|
|
|
+ :title="pageData[7].alias">
|
|
|
|
+ {{ pageData[7].alias }}
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
|
|
|
|
+ :title="pageData[7].alias">
|
|
|
|
+ 栏目简介
|
|
|
|
+ </NuxtLink>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="channel_box_4 clearfix" v-if="pageData[7]">
|
|
|
|
- <div class="channel_head_btn_box">
|
|
|
|
- <div class="channel_head_btn">
|
|
|
|
- <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
|
|
|
|
- :title="pageData[7].alias">
|
|
|
|
- {{ pageData[7].alias }}
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
|
|
|
|
- :title="pageData[7].alias">
|
|
|
|
- 栏目简介
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
- <div class=" clearfix">
|
|
|
|
- <!--start 模块8 -->
|
|
|
|
- <div class=" clearfix" v-show="channel_choice_2_num == 1">
|
|
|
|
- <div class="channel_img_ul_7 clearfix">
|
|
|
|
- <div class="channel_img_ul_7_li" v-if="pageData[7].data[0]">
|
|
|
|
- <NuxtLink class="channel_img_ul_7_li_a" :href="getLinkPathDetail(pageData[7].data[0])"
|
|
|
|
- :title="pageData[7].data[0].title"
|
|
|
|
- :target="pageData[7].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
|
- <img class="channel_img_ul_7_li_img" :src="pageData[7].data[0].imgurl" title="" alt="">
|
|
|
|
- <div class="channel_img_ul_7_li_foot">
|
|
|
|
- <div class="channel_img_ul_7_li_tag">热 门</div>
|
|
|
|
- <div class="channel_img_ul_7_li_dot1 dot1">{{ pageData[7].data[0].title }}
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class=" clearfix">
|
|
|
|
+ <!--start 模块8 -->
|
|
|
|
+ <div class=" clearfix" v-show="channel_choice_2_num == 1">
|
|
|
|
+ <div class="channel_img_ul_7 clearfix">
|
|
|
|
+ <div class="channel_img_ul_7_li" v-if="pageData[7].data[0]">
|
|
|
|
+ <NuxtLink class="channel_img_ul_7_li_a" :href="getLinkPathDetail(pageData[7].data[0])"
|
|
|
|
+ :title="pageData[7].data[0].title"
|
|
|
|
+ :target="pageData[7].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ <img class="channel_img_ul_7_li_img" :src="pageData[7].data[0].imgurl" title="" alt="">
|
|
|
|
+ <div class="channel_img_ul_7_li_foot">
|
|
|
|
+ <div class="channel_img_ul_7_li_tag">热 门</div>
|
|
|
|
+ <div class="channel_img_ul_7_li_dot1 dot1">{{ pageData[7].data[0].title }}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </NuxtLink>
|
|
</div>
|
|
</div>
|
|
- </NuxtLink>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="channel_ul_5 clearfix" v-if="pageData[7].data2">
|
|
|
|
+ <NuxtLink class="channel_ul_5_a dot1" :href="getLinkPathDetail(item)"
|
|
|
|
+ v-for="(item, index) in pageData[7].data2" :key="index"
|
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="channel_ul_5 clearfix" v-if="pageData[7].data2">
|
|
|
|
- <NuxtLink class="channel_ul_5_a dot1" :href="getLinkPathDetail(item)"
|
|
|
|
- v-for="(item, index) in pageData[7].data2" :key="index"
|
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
|
- {{ item.title }}
|
|
|
|
- </NuxtLink>
|
|
|
|
- </div>
|
|
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </section>
|
|
|
|
- </main>
|
|
|
|
-
|
|
|
|
- <!-- 页脚部分 -->
|
|
|
|
- <HomeFoot1></HomeFoot1>
|
|
|
|
|
|
+ </section>
|
|
|
|
+ </main>
|
|
|
|
+ <!-- 页脚部分 -->
|
|
|
|
+ <HomeFoot1></HomeFoot1>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -570,41 +563,57 @@ async function getPageAllData(jsonString) {
|
|
console.log("频道页渲染的模块数据:", mkdata);
|
|
console.log("频道页渲染的模块数据:", mkdata);
|
|
|
|
|
|
if (mkdata.code == 200) {
|
|
if (mkdata.code == 200) {
|
|
- //模块1 顶部大图和列表
|
|
|
|
- pageData.value[0].data = mkdata.data[0].child.imgnum;
|
|
|
|
- pageData.value[0].data2 = mkdata.data[0].child.textnum;
|
|
|
|
- //模块2
|
|
|
|
- pageData.value[1].data = mkdata.data[1].child.imgnum;
|
|
|
|
- for (let index in mkdata.data[1].child.textnum) {
|
|
|
|
- if (index < 4) {
|
|
|
|
- pageData.value[1].data2.push(mkdata.data[1].child.textnum[index]);
|
|
|
|
- } else {
|
|
|
|
- pageData.value[1].data3.push(mkdata.data[1].child.textnum[index]);
|
|
|
|
|
|
+ if(mkdata.data.length > 0){
|
|
|
|
+ //模块1 顶部大图和列表
|
|
|
|
+ pageData.value[0].data = mkdata.data[0].child.imgnum;
|
|
|
|
+ pageData.value[0].data2 = mkdata.data[0].child.textnum;
|
|
|
|
+ }
|
|
|
|
+ if(mkdata.data.length > 1){
|
|
|
|
+ //模块2
|
|
|
|
+ pageData.value[1].data = mkdata.data[1].child.imgnum;
|
|
|
|
+ for (let index in mkdata.data[1].child.textnum) {
|
|
|
|
+ if (index < 4) {
|
|
|
|
+ pageData.value[1].data2.push(mkdata.data[1].child.textnum[index]);
|
|
|
|
+ } else {
|
|
|
|
+ pageData.value[1].data3.push(mkdata.data[1].child.textnum[index]);
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- //模块3
|
|
|
|
- pageData.value[2].data = mkdata.data[2].child.imgnum;
|
|
|
|
- pageData.value[2].data2 = mkdata.data[2].child.textnum;
|
|
|
|
- //模块4
|
|
|
|
- pageData.value[3].data = mkdata.data[3].child.imgnum;
|
|
|
|
- //模块5
|
|
|
|
- pageData.value[4].data = mkdata.data[4].child.imgnum;
|
|
|
|
- pageData.value[4].data2 = mkdata.data[4].child.textnum;
|
|
|
|
- //模块6
|
|
|
|
- pageData.value[5].data = mkdata.data[5].child.imgnum;
|
|
|
|
- //模块7
|
|
|
|
- for (let index in mkdata.data[6].child.imgnum) {
|
|
|
|
- if (index < 1) {
|
|
|
|
- pageData.value[6].data.push(mkdata.data[6].child.imgnum[index]);
|
|
|
|
- } else {
|
|
|
|
- pageData.value[6].data2.push(mkdata.data[6].child.imgnum[index]);
|
|
|
|
|
|
+ if(mkdata.data.length > 2){
|
|
|
|
+ //模块3
|
|
|
|
+ pageData.value[2].data = mkdata.data[2].child.imgnum;
|
|
|
|
+ pageData.value[2].data2 = mkdata.data[2].child.textnum;
|
|
|
|
+ }
|
|
|
|
+ if(mkdata.data.length > 3){
|
|
|
|
+ //模块4
|
|
|
|
+ pageData.value[3].data = mkdata.data[3].child.imgnum;
|
|
|
|
+ }
|
|
|
|
+ if(mkdata.data.length > 4){
|
|
|
|
+ //模块5
|
|
|
|
+ pageData.value[4].data = mkdata.data[4].child.imgnum;
|
|
|
|
+ pageData.value[4].data2 = mkdata.data[4].child.textnum;
|
|
|
|
+ }
|
|
|
|
+ if(mkdata.data.length > 5){
|
|
|
|
+ //模块6
|
|
|
|
+ pageData.value[5].data = mkdata.data[5].child.imgnum;
|
|
|
|
+ }
|
|
|
|
+ if(mkdata.data.length > 6){
|
|
|
|
+ //模块7
|
|
|
|
+ for (let index in mkdata.data[6].child.imgnum) {
|
|
|
|
+ if (index < 1) {
|
|
|
|
+ pageData.value[6].data.push(mkdata.data[6].child.imgnum[index]);
|
|
|
|
+ } else {
|
|
|
|
+ pageData.value[6].data2.push(mkdata.data[6].child.imgnum[index]);
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+ pageData.value[6].data3 = mkdata.data[6].child.textnum;
|
|
}
|
|
}
|
|
- pageData.value[6].data3 = mkdata.data[6].child.textnum;
|
|
|
|
- //模块8
|
|
|
|
- pageData.value[7].data = mkdata.data[7].child.imgnum;
|
|
|
|
- pageData.value[7].data2 = mkdata.data[7].child.textnum;
|
|
|
|
-
|
|
|
|
|
|
+ if(mkdata.data.length > 7){
|
|
|
|
+ //模块8
|
|
|
|
+ pageData.value[7].data = mkdata.data[7].child.imgnum;
|
|
|
|
+ pageData.value[7].data2 = mkdata.data[7].child.textnum;
|
|
|
|
+ }
|
|
|
|
+
|
|
} else {
|
|
} else {
|
|
ElMessage.error(mkdata.message)
|
|
ElMessage.error(mkdata.message)
|
|
}
|
|
}
|