|
|
@@ -4,378 +4,260 @@
|
|
|
<HomePageNavigation></HomePageNavigation>
|
|
|
<HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
|
|
|
<!-- 频道页 -->
|
|
|
- <main class="index_main">
|
|
|
- <!--板块1-->
|
|
|
+ <main class="index_main" id="all_vue">
|
|
|
<section class="channel_1 clearfix">
|
|
|
- <div class="channel_1_left">
|
|
|
- <div class="channel_1_box">
|
|
|
- <HomeSwiperSnscChannel :data="pageData[0].data"></HomeSwiperSnscChannel>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="channel_1_right">
|
|
|
+ <div class="channel_box_1 clearfix">
|
|
|
<div class="channel_name_ul">
|
|
|
- <div class="channel_name_ul_li" v-for="item in pageData[0].data2">
|
|
|
- <NuxtLink class="channel_name_ul_li_tag"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- 民工动态
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_name_ul_li_dot1 dot1"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- {{item.title}}
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_name_ul_li" v-for="(per_obj, per_index) in 10" :key="per_obj">
|
|
|
+ <a class="channel_name_ul_li_tag" href="" title="">【三农资讯】</a>
|
|
|
+ <a class="channel_name_ul_li_dot1 dot1" href="" title="">民工动态民工动态民工动态民工动态民工动态民工动态民工动态</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="channel_box_2 clearfix">
|
|
|
+ <div class="channel_1_box clearfix">
|
|
|
+ <HomeBigSwiper></HomeBigSwiper>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</section>
|
|
|
- <!--板块2-->
|
|
|
+ <div class="channel_banner_1"><a class="channel_banner_1_a" href="" title=""><img
|
|
|
+ class="channel_banner_1_img" src="@/public/img/3.png" title="" alt=""></a></div>
|
|
|
<section class="channel_2 clearfix">
|
|
|
- <div class="channel_1_left clearfix">
|
|
|
- <!--open 商贸活动-->
|
|
|
- <div class="channel_head">
|
|
|
- <NuxtLink class="channel_head_name"
|
|
|
- :href="getLinkPath(pageData[1])"
|
|
|
- v-if="pageData[1]"
|
|
|
- :title="pageData[1].alias"
|
|
|
- >
|
|
|
- {{ pageData[1].alias }}
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_head_more"
|
|
|
- :href="getLinkPath(pageData[1])"
|
|
|
- v-if="pageData[1]"
|
|
|
- :title="pageData[1].alias"
|
|
|
- >
|
|
|
- 栏目简介
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_box_3 clearfix">
|
|
|
+ <!--open 企业风采-->
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <a class="channel_head_a" href="" title="">企业风采</a>
|
|
|
+ </div>
|
|
|
+ <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
- <div class=" clearfix">
|
|
|
- <div class="channel_1_box_1 clearfix">
|
|
|
- <div class="channel_img_big_1_ul">
|
|
|
- <div class="channel_img_big_1_li" v-for="item in pageData[1].data">
|
|
|
- <NuxtLink class="channel_img_big_1_li_a"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <img class="channel_img_big_1_li_img" :src="item.imgurl" alt="item.title">
|
|
|
- <div class="channel_img_big_1_li_dot1 dot1">
|
|
|
- {{ item.title }}
|
|
|
- </div>
|
|
|
- </NuxtLink>
|
|
|
- </div>
|
|
|
+ <div class="channel_big_ul clearfix">
|
|
|
+ <div class="channel_big_li clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
|
|
|
+ <div class="channel_big_li_img_box">
|
|
|
+ <img class="channel_big_li_img" src="@/public/img/28.png" title="" alt="">
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="channel_1_box_2 clearfix">
|
|
|
- <div class="channel_ul_2">
|
|
|
- <NuxtLink class="channel_ul_2_a dot1"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- v-for="item in pageData[1].data2"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- {{ item.title }}
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_big_li_in">
|
|
|
+ <div class="channel_ul_1">
|
|
|
+ <a class="channel_ul_1_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
|
|
|
+ :key="per_obj">农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--end 商贸活动-->
|
|
|
- <!--open 科教活动-->
|
|
|
- <div class="channel_head">
|
|
|
- <NuxtLink class="channel_head_name"
|
|
|
- :href="getLinkPath(pageData[2])"
|
|
|
- v-if="pageData[2]"
|
|
|
- :title="pageData[2].alias"
|
|
|
- >
|
|
|
- {{ pageData[2].alias }}
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_head_more"
|
|
|
- :href="getLinkPath(pageData[2])"
|
|
|
- v-if="pageData[2]"
|
|
|
- :title="pageData[2].alias"
|
|
|
- >
|
|
|
- 栏目简介
|
|
|
- </NuxtLink>
|
|
|
+ <!--end 企业风采 -->
|
|
|
+ <!--open 国际贸易-->
|
|
|
+ <div class="channel_head_btn_box channel_head_top">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <a class="channel_head_a" href="" title="">
|
|
|
+ 国际贸易
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
<div class=" clearfix">
|
|
|
- <div class="channel_1_box_1 clearfix">
|
|
|
- <div class="channel_img_big_2_ul">
|
|
|
- <div class="channel_img_big_2_li" v-for="item in pageData[2].data">
|
|
|
- <NuxtLink class="channel_img_big_2_li_a"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <img class="channel_img_big_2_li_img" :src="item.imgurl" alt="item.title">
|
|
|
- <div class="channel_img_big_2_li_dot1 dot1">
|
|
|
- {{ item.title }}
|
|
|
+ <div class="channel_box_5 clearfix">
|
|
|
+ <div class="channel_img_ul_2">
|
|
|
+ <div class="channel_img_ul_2_li">
|
|
|
+ <a class="channel_img_ul_2_li_a" href="" title="">
|
|
|
+ <img class="channel_img_ul_2_li_img" src="@/public/img/5.png" title="" alt="">
|
|
|
+ <div class="channel_img_ul_2_li_dot1 dot1">
|
|
|
+ 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
</div>
|
|
|
- </NuxtLink>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="channel_1_box_2 clearfix">
|
|
|
- <div class="channel_ul_3">
|
|
|
- <NuxtLink class="channel_ul_3_a dot1"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- v-for="item in pageData[2].data2"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- {{ item.title }}
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_box_6 clearfix">
|
|
|
+ <div class="channel_ul_2 clearfix">
|
|
|
+ <a class="channel_ul_2_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
|
|
|
+ :key="per_obj">
|
|
|
+ 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--end 科教活动-->
|
|
|
+ <!--end 国际贸易 -->
|
|
|
</div>
|
|
|
- <div class="channel_1_right clearfix">
|
|
|
- <!--open 产业动态-->
|
|
|
- <div class="channel_head">
|
|
|
- <NuxtLink class="channel_head_name"
|
|
|
- :href="getLinkPath(pageData[3])"
|
|
|
- v-if="pageData[3]"
|
|
|
- :title="pageData[3].alias"
|
|
|
- >
|
|
|
- {{ pageData[3].alias }}
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_head_more"
|
|
|
- :href="getLinkPath(pageData[3])"
|
|
|
- v-if="pageData[3]"
|
|
|
- :title="pageData[3].alias"
|
|
|
- >
|
|
|
- 栏目简介
|
|
|
- </NuxtLink>
|
|
|
- </div>
|
|
|
- <div class="channel_img_big_3_ul clearfix">
|
|
|
- <div class="channel_img_big_3_li" v-for="item in pageData[3].data">
|
|
|
- <NuxtLink class="channel_img_big_3_li_a"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <img class="channel_img_big_3_li_img" :src="item.imgurl" alt="item.title">
|
|
|
- <div class="channel_img_big_3_li_dot1 dot1">
|
|
|
- {{ item.title }}
|
|
|
- </div>
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_box_4 clearfix">
|
|
|
+ <!--open 热点话题 -->
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <a class="channel_head_a" href="" title="">
|
|
|
+ 热点话题
|
|
|
+ </a>
|
|
|
</div>
|
|
|
+ <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
- <div class="channel_ul_4">
|
|
|
- <div class="channel_ul_4_li dot1" v-for="(item, index) in pageData[3].data2">
|
|
|
- <div class="channel_ul_4_li_num">{{ index + 1 }}</div>
|
|
|
- <NuxtLink class="channel_img_big_3_li_a"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <div class="channel_ul_4_a dot1">
|
|
|
- {{ item.title }}
|
|
|
+ <div class="channel_img_ul_3">
|
|
|
+ <div class="channel_img_ul_3_li clearfix_2" v-for="(per_obj, per_index) in 6" :key="per_obj">
|
|
|
+ <a class="channel_img_ul_3_li_a" href="" title="">
|
|
|
+ <div class="channel_img_ul_3_li_img_box">
|
|
|
+ <img class="channel_img_ul_3_li_img" src="@/public/img/29.png" title="" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="channel_img_ul_3_li_dot3 dot3">
|
|
|
+ 国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易
|
|
|
</div>
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_img_ul_3_li_num">{{ per_index + 1 }}</div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--end 产业动态-->
|
|
|
</div>
|
|
|
+ <!--end 热点话题 -->
|
|
|
</section>
|
|
|
- <!--广告1-->
|
|
|
- <HomeAdvertising :data="adImg1"></HomeAdvertising>
|
|
|
-
|
|
|
+ <div class="channel_banner_2"><a class="channel_banner_2_a" href="" title=""><img
|
|
|
+ class="channel_banner_2_img" src="@/public/img/3.png" title="" alt=""></a></div>
|
|
|
<section class="channel_3 clearfix">
|
|
|
- <!--open 农贸节庆-->
|
|
|
- <div class="channel_1_left clearfix">
|
|
|
- <div class="channel_head">
|
|
|
- <NuxtLink class="channel_head_name"
|
|
|
- :href="getLinkPath(pageData[4])"
|
|
|
- v-if="pageData[4]"
|
|
|
- :title="pageData[4].alias"
|
|
|
- >
|
|
|
- {{ pageData[4].alias }}
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_head_more"
|
|
|
- :href="getLinkPath(pageData[4])"
|
|
|
- v-if="pageData[4]"
|
|
|
- :title="pageData[4].alias"
|
|
|
- >
|
|
|
- 栏目简介
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_box_3 clearfix">
|
|
|
+ <!--open 新人新事 -->
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <a class="channel_head_a" href="" title="">
|
|
|
+ 新人新事
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
- <div class=" clearfix">
|
|
|
- <div class="channel_1_box_1 clearfix">
|
|
|
- <div class="channel_img_big_4_ul">
|
|
|
- <div class="channel_img_big_4_li" v-for="item in pageData[4].data">
|
|
|
- <NuxtLink class="channel_img_big_4_li"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <img class="channel_img_big_4_li_img" :src="item.imgurl" alt="item.title">
|
|
|
- <div class="channel_img_big_4_li_dot2 dot2">
|
|
|
- {{ item.title }}
|
|
|
- </div>
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_img_ul_4 clearfix">
|
|
|
+ <div class="channel_img_ul_4_li clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
|
|
|
+ <a class="channel_img_ul_4_li_a clearfix" href="" title="">
|
|
|
+ <div class="channel_img_ul_4_li_img_box">
|
|
|
+ <img class="channel_img_ul_4_li_img" src="@/public/img/30.png" title="" alt="">
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_1 clearfix">
|
|
|
- <div class="channel_img_ul_1_li" v-for="item in pageData[4].data2">
|
|
|
- <NuxtLink class="channel_img_ul_1_li_a"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <img class="channel_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
|
|
|
- <div class="channel_img_ul_1_li_dot2 dot2">
|
|
|
- {{ item.title }}
|
|
|
- </div>
|
|
|
- </NuxtLink>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="channel_img_ul_4_li_dot2 dot2">
|
|
|
+ 招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标 </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <div class="channel_1_box_2 clearfix">
|
|
|
- <div class="channel_ul_5">
|
|
|
- <NuxtLink class="channel_ul_5_a dot1"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- v-for="item in pageData[4].data3"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- {{ item.title }}
|
|
|
- </NuxtLink>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="channel_ul_3 clearfix">
|
|
|
+ <div class="channel_ul_3_li clearfix" v-for="(per_obj, per_index) in 3" :key="per_obj">
|
|
|
+ <a class="channel_ul_3_li_a" href="" title="">
|
|
|
+ <div class="channel_ul_3_li_tag">新人新事</div>
|
|
|
+ <div class="channel_ul_3_li_dot1 dot1">
|
|
|
+ 新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事</div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--end 新人新事 -->
|
|
|
</div>
|
|
|
- <!--end 农贸节庆-->
|
|
|
- <!--open 市场行情-->
|
|
|
- <div class="channel_1_right clearfix">
|
|
|
- <div class="channel_head">
|
|
|
- <NuxtLink class="channel_head_name"
|
|
|
- :href="getLinkPath(pageData[5])"
|
|
|
- v-if="pageData[5]"
|
|
|
- :title="pageData[5].alias"
|
|
|
- >
|
|
|
- {{ pageData[5].alias }}
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_head_more"
|
|
|
- :href="getLinkPath(pageData[5])"
|
|
|
- v-if="pageData[5]"
|
|
|
- :title="pageData[5].alias"
|
|
|
- >
|
|
|
- 栏目简介
|
|
|
- </NuxtLink>
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_2 clearfix">
|
|
|
- <div class="channel_img_ul_2_li" v-for="item in pageData[5].data">
|
|
|
- <NuxtLink class="channel_img_ul_2_li"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <img class="channel_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
|
|
|
- <div class="channel_img_ul_2_li_dot1 dot1">
|
|
|
- {{ item.title }}
|
|
|
- </div>
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_box_4 clearfix">
|
|
|
+ <!--open 专题报道-->
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <a class="channel_head_a" href="" title="">
|
|
|
+ 专题报道
|
|
|
+ </a>
|
|
|
</div>
|
|
|
+ <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
- <div class="channel_ul_6">
|
|
|
- <NuxtLink class="channel_ul_6_a dot1"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- v-for="item in pageData[5].data2"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- {{ item.title }}
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_img_ul_5">
|
|
|
+ <div class="channel_img_ul_5_li">
|
|
|
+ <a class="channel_img_ul_5_li_a" href="" title="">
|
|
|
+ <img class="channel_img_ul_5_li_img" src="@/public/img/31.png" title="" alt="">
|
|
|
+ <div class="channel_img_ul_5_li_dot2 dot2">
|
|
|
+ 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <!--end 市场行情-->
|
|
|
+ <!--end 专题报道-->
|
|
|
</div>
|
|
|
</section>
|
|
|
<section class="channel_4 clearfix">
|
|
|
- <div class="channel_1_left clearfix">
|
|
|
- <!--open 业界交流-->
|
|
|
- <div class="channel_head">
|
|
|
- <NuxtLink class="channel_head_name"
|
|
|
- :href="getLinkPath(pageData[6])"
|
|
|
- v-if="pageData[6]"
|
|
|
- :title="pageData[6].alias"
|
|
|
- >
|
|
|
- {{ pageData[6].alias }}
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_head_more"
|
|
|
- :href="getLinkPath(pageData[6])"
|
|
|
- v-if="pageData[6]"
|
|
|
- :title="pageData[6].alias"
|
|
|
- >
|
|
|
- 栏目简介
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_box_3 clearfix">
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_1_num == 1 }"
|
|
|
+ @mouseover="channel_choice_1_num = 1">
|
|
|
+ <a class="channel_head_a" href="" title="">农产动态</a>
|
|
|
+ </div>
|
|
|
+ <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_1_num == 2 }"
|
|
|
+ @mouseover="channel_choice_1_num = 2">
|
|
|
+ <a class="channel_head_a" href="" title=""> 品牌快讯 </a>
|
|
|
+ </div>
|
|
|
+ <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
- <div class="channel_ul_7">
|
|
|
- <NuxtLink class="channel_ul_7_a dot1"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- v-for="item in pageData[6].data"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- {{ item.title }}
|
|
|
- </NuxtLink>
|
|
|
+ <div class=" clearfix">
|
|
|
+ <!--open 农产动态-->
|
|
|
+ <div class=" clearfix" v-show="channel_choice_1_num == 1">
|
|
|
+ <div class="channel_box_5 clearfix">
|
|
|
+ <div class="channel_img_ul_6">
|
|
|
+ <div class="channel_img_ul_6_li"><a class="channel_img_ul_6_li_a" href=""
|
|
|
+ title=""><img class="channel_img_ul_6_li_img" src="@/public/img/31.png"
|
|
|
+ title="" alt="">
|
|
|
+ <div class="channel_img_ul_6_li_dot2 dot2">
|
|
|
+ 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
+ </div>
|
|
|
+ </a></div>
|
|
|
+ </div>
|
|
|
+ <div class="channel_img_ul_even_1 clearfix">
|
|
|
+ <div class="channel_img_ul_even_1_li" v-for="(per_obj, per_index) in 2"
|
|
|
+ :key="per_obj">
|
|
|
+ <a class="channel_img_ul_even_1_li_a" href="" title="">
|
|
|
+ <img class="channel_img_ul_even_1_li_img" src="@/public/img/32.png"
|
|
|
+ title="" alt="">
|
|
|
+ <div class="channel_img_ul_even_1_li_dot2 dot2">
|
|
|
+ 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="channel_box_6 clearfix">
|
|
|
+ <div class="channel_ul_4 clearfix">
|
|
|
+ <a class="channel_ul_4_a dot1" href="" title="" v-for="(per_obj, per_index) in 10"
|
|
|
+ :key="per_obj">
|
|
|
+ 1农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--end 农产动态-->
|
|
|
+ <!--open 品牌快讯-->
|
|
|
+ <div class=" clearfix" v-show="channel_choice_1_num == 2"> 品牌快讯</div>
|
|
|
+ <!--end 品牌快讯-->
|
|
|
</div>
|
|
|
- <!--end 业界交流-->
|
|
|
</div>
|
|
|
- <!--open 主题活动-->
|
|
|
- <div class="channel_1_right clearfix">
|
|
|
- <div class="channel_head">
|
|
|
- <NuxtLink class="channel_head_name"
|
|
|
- :href="getLinkPath(pageData[7])"
|
|
|
- v-if="pageData[7]"
|
|
|
- :title="pageData[7].alias"
|
|
|
- >
|
|
|
- {{ pageData[7].alias }}
|
|
|
- </NuxtLink>
|
|
|
- <NuxtLink class="channel_head_more"
|
|
|
- :href="getLinkPath(pageData[7])"
|
|
|
- v-if="pageData[7]"
|
|
|
- :title="pageData[7].alias"
|
|
|
- >
|
|
|
- 栏目简介
|
|
|
- </NuxtLink>
|
|
|
+ <div class="channel_box_4 clearfix">
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_2_num == 1 }"
|
|
|
+ @mouseover="channel_choice_2_num = 1">
|
|
|
+ <a class="channel_head_a" href="" title=""> 市场预测 </a>
|
|
|
+ </div>
|
|
|
+ <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_2_num == 2 }"
|
|
|
+ @mouseover="channel_choice_2_num = 2">
|
|
|
+ <a class="channel_head_a" href="" title="">价格行情</a>
|
|
|
+ </div>
|
|
|
+ <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
- <div class="channel_img_big_5_ul">
|
|
|
- <div class="channel_img_big_5_li" v-for="item in pageData[7].data">
|
|
|
- <NuxtLink class="channel_img_big_5_li_a"
|
|
|
- :href="getLinkPathDetail(item)"
|
|
|
- :title="item.title"
|
|
|
- v-for="item in pageData[7].data"
|
|
|
- :key="item.id"
|
|
|
- :target="item.islink == 1 ? '_blank' : '_self'"
|
|
|
- >
|
|
|
- <img class="channel_img_big_5_li_img" :src="item.imgurl" alt="item.title">
|
|
|
- <div class="channel_img_big_5_li_dot2 dot2">{{ item.title }}</div>
|
|
|
- </NuxtLink>
|
|
|
+ <div class=" clearfix">
|
|
|
+ <!--open 市场预测 -->
|
|
|
+ <div class=" clearfix" v-show="channel_choice_2_num == 1">
|
|
|
+ <div class="channel_img_ul_7 clearfix">
|
|
|
+ <div class="channel_img_ul_7_li">
|
|
|
+ <a class="channel_img_ul_7_li_a" href="" title="">
|
|
|
+ <img class="channel_img_ul_7_li_img" src="@/public/img/33.png" 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">
|
|
|
+ 热门热门热门热门热门热门热门热门热门热门热门热门热门</div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="channel_ul_5 clearfix">
|
|
|
+ <a class="channel_ul_5_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
|
|
|
+ :key="per_obj">
|
|
|
+ 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <!--end 市场预测 -->
|
|
|
+ <!--open 价格行情 -->
|
|
|
+ <div class=" clearfix" v-show="channel_choice_2_num == 2">
|
|
|
+ 价格行情
|
|
|
+ </div>
|
|
|
+ <!--end 价格行情 -->
|
|
|
</div>
|
|
|
- <!--end 主题活动-->
|
|
|
</div>
|
|
|
</section>
|
|
|
</main>
|
|
|
+
|
|
|
<!-- 页脚部分 -->
|
|
|
<HomeFoot1></HomeFoot1>
|
|
|
</div>
|
dangyunlong