|
@@ -13,81 +13,90 @@
|
|
<!-- 第一层 -->
|
|
<!-- 第一层 -->
|
|
<div class="farmingPartOne">
|
|
<div class="farmingPartOne">
|
|
<div class="inner">
|
|
<div class="inner">
|
|
- <div class="innerLeft" v-if="pageData.length >= 1">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="innerLeft" v-if="pageData[0]">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[0].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[0].cid}`}" target="_blank" v-if="pageData[0]">
|
|
|
|
+ {{ pageData[0].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
- :to="{ path: `/newsList/${pageData[0].cid}`, query: { catid: pageData[0].cid } }"
|
|
|
|
|
|
+ :to="{ path: `/newsList/${pageData[0].cid}`}"
|
|
target="_blank" v-if="pageData[0]">查看更多</NuxtLink>
|
|
target="_blank" v-if="pageData[0]">查看更多</NuxtLink>
|
|
</span>
|
|
</span>
|
|
</h3>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="leftTop">
|
|
<div class="leftTop">
|
|
- <div class="leftTopPhoto left">
|
|
|
|
- <!-- PartTwoPhoto -->
|
|
|
|
- <!--当pageData[0].data[0]存在的时候才渲染,如果直接渲染会导致页面找不到属性-->
|
|
|
|
- <NuxtLink
|
|
|
|
- :to="{ path: `/newsDetail/${pageData[0].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
|
|
- target="_blank" v-if="pageData[0].data[0]">
|
|
|
|
- <img :src="pageData[0].data[0].imgurl" v-if="pageData[0].data[0]">
|
|
|
|
- <span v-if="pageData[0].data[0]">{{ pageData[0].data[0].title }}</span>
|
|
|
|
|
|
+ <div class="leftTopPhoto left" >
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="pageData[0].data[0]&&pageData[0].data[0].islink==1">
|
|
|
|
+ <img :src="pageData[0].data[0].imgurl">
|
|
|
|
+ <span>{{pageData[0].data[0].title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ <NuxtLink :to="{ path: `/newsDetail/${pageData[0].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
|
|
+ target="_blank" v-if="pageData[0].data[0]&&pageData[0].data[0].islink==0">
|
|
|
|
+ <img :src="pageData[0].data[0].imgurl">
|
|
|
|
+ <span>{{pageData[0].data[0].title}}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
<ul class="left">
|
|
<ul class="left">
|
|
<li v-for="item in pageData[0].data">
|
|
<li v-for="item in pageData[0].data">
|
|
<em></em>
|
|
<em></em>
|
|
- <!-- <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" >{{item.title}}</NuxtLink> -->
|
|
|
|
<span>
|
|
<span>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}
|
|
|
|
+ </NuxtLink>
|
|
</span>
|
|
</span>
|
|
-
|
|
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
- <ul class="leftBottom">
|
|
|
|
|
|
+ <ul class="leftBottom" v-if="pageData[0]">
|
|
<li v-for="item in pageData[0].data2">
|
|
<li v-for="item in pageData[0].data2">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank"><img :src="item.imgurl"></NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ </NuxtLink>
|
|
<p>
|
|
<p>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</p>
|
|
</p>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
- <div class="innerRight" v-if="pageData.length >= 2">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="innerRight" v-if="pageData[1].cid!=''">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[1].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[1].cid}`}" target="_blank" v-if="pageData[1]">
|
|
|
|
+ {{ pageData[1].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
- :to="{ path: `/newsList/${pageData[1].cid}`, query: { catid: pageData[1].cid } }"
|
|
|
|
|
|
+ :to="{ path: `/newsList/${pageData[1].cid}`}"
|
|
v-if="pageData[1]" target="_blank">查看更多</NuxtLink>
|
|
v-if="pageData[1]" target="_blank">查看更多</NuxtLink>
|
|
</span>
|
|
</span>
|
|
|
|
|
|
- <!-- <span>查看更多</span> -->
|
|
|
|
</h3>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
- <!-- 列表 -->
|
|
|
|
<ul class="rightList">
|
|
<ul class="rightList">
|
|
<li v-for="item in pageData[1].data">
|
|
<li v-for="item in pageData[1].data">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img class="left" :src="item.imgurl">
|
|
<img class="left" :src="item.imgurl">
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
<p class="left">
|
|
<p class="left">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
{{ item.title }}
|
|
{{ item.title }}
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</p>
|
|
</p>
|
|
@@ -101,25 +110,29 @@
|
|
<HomeSannongzixun></HomeSannongzixun>
|
|
<HomeSannongzixun></HomeSannongzixun>
|
|
|
|
|
|
<!-- 第二层 -->
|
|
<!-- 第二层 -->
|
|
- <div class="farmingPartTwo">
|
|
|
|
|
|
+ <div class="farmingPartTwo" v-if="pageData[2].cid!=''&&pageData[3].cid!=''&&pageData[4].cid!=''">
|
|
<div class="inner">
|
|
<div class="inner">
|
|
- <div class="farmer" v-if="pageData.length >= 3">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="farmer" v-if="pageData[2].cid!=''">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[2].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[2].cid}`}" target="_blank" v-if="pageData[2]">
|
|
|
|
+ {{ pageData[2].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[2].cid}`, query: { catid: pageData[2].cid } }"
|
|
:to="{ path: `/newsList/${pageData[2].cid}`, query: { catid: pageData[2].cid } }"
|
|
v-if="pageData[2]" target="_blank">查看更多</NuxtLink>
|
|
v-if="pageData[2]" target="_blank">查看更多</NuxtLink>
|
|
</span>
|
|
</span>
|
|
-
|
|
|
|
</h3>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="PartTwoPhoto" v-if="pageData[2].data[0]">
|
|
<div class="PartTwoPhoto" v-if="pageData[2].data[0]">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="pageData[2].data[0].islink==1">
|
|
|
|
+ <img :src="pageData[2].data[0].imgurl">
|
|
|
|
+ <span>{{ pageData[2].data[0].title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${pageData[2].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${pageData[2].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="pageData[2].data[0].islink==0">
|
|
<img :src="pageData[2].data[0].imgurl">
|
|
<img :src="pageData[2].data[0].imgurl">
|
|
<span>{{ pageData[2].data[0].title }}</span>
|
|
<span>{{ pageData[2].data[0].title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
@@ -127,18 +140,19 @@
|
|
<ul class="PartTwoList">
|
|
<ul class="PartTwoList">
|
|
<li v-for="item in pageData[2].data">
|
|
<li v-for="item in pageData[2].data">
|
|
<em></em>
|
|
<em></em>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
- <div class="farmer" v-if="pageData.length >= 4">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="farmer" v-if="pageData[3].cid!=''">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[3].title }}
|
|
|
|
- <!-- <span>查看更多</span> -->
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[3].cid}`}" target="_blank" v-if="pageData[3]">
|
|
|
|
+ {{ pageData[3].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[3].cid}`, query: { catid: pageData[3].cid } }"
|
|
:to="{ path: `/newsList/${pageData[3].cid}`, query: { catid: pageData[3].cid } }"
|
|
@@ -147,9 +161,13 @@
|
|
</h3>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="PartTwoPhoto" v-if="pageData[3].data[0]">
|
|
<div class="PartTwoPhoto" v-if="pageData[3].data[0]">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="pageData[3].data[0].islink==1">
|
|
|
|
+ <img :src="pageData[3].data[0].imgurl">
|
|
|
|
+ <span>{{ pageData[3].data[0].title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${pageData[3].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${pageData[3].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="pageData[3].data[0].islink==0">
|
|
<img :src="pageData[3].data[0].imgurl">
|
|
<img :src="pageData[3].data[0].imgurl">
|
|
<span>{{ pageData[3].data[0].title }}</span>
|
|
<span>{{ pageData[3].data[0].title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
@@ -157,17 +175,19 @@
|
|
<ul class="PartTwoList">
|
|
<ul class="PartTwoList">
|
|
<li v-for="item in pageData[3].data">
|
|
<li v-for="item in pageData[3].data">
|
|
<em></em>
|
|
<em></em>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
- <div class="farmer" v-if="pageData.length >= 5">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="farmer" v-if="pageData[4].cid!=''">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[4].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[4].cid}`}" target="_blank" v-if="pageData[4]">
|
|
|
|
+ {{ pageData[4].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[4].cid}`, query: { catid: pageData[4].cid } }"
|
|
:to="{ path: `/newsList/${pageData[4].cid}`, query: { catid: pageData[4].cid } }"
|
|
@@ -176,9 +196,13 @@
|
|
</h3>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="PartTwoPhoto" v-if="pageData[4].data[0]">
|
|
<div class="PartTwoPhoto" v-if="pageData[4].data[0]">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="pageData[4].data[0].islink==1">
|
|
|
|
+ <img :src="pageData[4].data[0].imgurl">
|
|
|
|
+ <span>{{ pageData[4].data[0].title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${pageData[4].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${pageData[4].data[0].id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="pageData[4].data[0].islink==0">
|
|
<img :src="pageData[4].data[0].imgurl">
|
|
<img :src="pageData[4].data[0].imgurl">
|
|
<span>{{ pageData[4].data[0].title }}</span>
|
|
<span>{{ pageData[4].data[0].title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
@@ -186,9 +210,12 @@
|
|
<ul class="PartTwoList">
|
|
<ul class="PartTwoList">
|
|
<li v-for="item in pageData[4].data">
|
|
<li v-for="item in pageData[4].data">
|
|
<em></em>
|
|
<em></em>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </NuxtLink>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
@@ -199,58 +226,63 @@
|
|
<HomeSannongzixun></HomeSannongzixun>
|
|
<HomeSannongzixun></HomeSannongzixun>
|
|
|
|
|
|
<!-- 第三层 -->
|
|
<!-- 第三层 -->
|
|
- <div class="zixuntuijian">
|
|
|
|
|
|
+ <div class="zixuntuijian" v-if="pageData[5].cid!=''&&pageData[6].cid!=''&&pageData[7].cid!=''&&pageData[8].cid!=''&&pageData[9].cid!=''">
|
|
<div class="inner">
|
|
<div class="inner">
|
|
- <div class="innerLeft">
|
|
|
|
|
|
+ <div class="innerLeft" >
|
|
<div class="zixunTop">
|
|
<div class="zixunTop">
|
|
- <div class="zixunLeft">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="zixunLeft" v-if="pageData[5].cid!=''">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[5].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[5].cid}`}" target="_blank" v-if="pageData[5]">
|
|
|
|
+ {{ pageData[5].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[5].cid}`, query: { catid: pageData[5].cid } }"
|
|
:to="{ path: `/newsList/${pageData[5].cid}`, query: { catid: pageData[5].cid } }"
|
|
v-if="pageData[5]" target="_blank">查看更多</NuxtLink>
|
|
v-if="pageData[5]" target="_blank">查看更多</NuxtLink>
|
|
</span>
|
|
</span>
|
|
-
|
|
|
|
</h3>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
- <!-- 图片和文字列表 160 -->
|
|
|
|
<ul class="photo_text">
|
|
<ul class="photo_text">
|
|
<li v-for="(item, index) in pageData[5].data">
|
|
<li v-for="(item, index) in pageData[5].data">
|
|
<article v-if="index == 0">
|
|
<article v-if="index == 0">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl" alt="">
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img :src="item.imgurl" alt="">
|
|
<img :src="item.imgurl" alt="">
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
<div>
|
|
<div>
|
|
<h5>
|
|
<h5>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</h5>
|
|
</h5>
|
|
<p>
|
|
<p>
|
|
<span>{{ item.author }}</span>
|
|
<span>{{ item.author }}</span>
|
|
- <span>{{ item.created_at }}</span>
|
|
|
|
|
|
+ <span>{{ getDays(item.created_at) }}</span>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</article>
|
|
<article v-else>
|
|
<article v-else>
|
|
<em></em>
|
|
<em></em>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</article>
|
|
</article>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
- <div class="zixunRight">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="zixunRight" v-if="pageData[6].cid!=''">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[6].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[6].cid}`}" target="_blank" v-if="pageData[6]">
|
|
|
|
+ {{ pageData[6].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[6].cid}`, query: { catid: pageData[6].cid } }"
|
|
:to="{ path: `/newsList/${pageData[6].cid}`, query: { catid: pageData[6].cid } }"
|
|
@@ -262,28 +294,31 @@
|
|
<div class="towPic">
|
|
<div class="towPic">
|
|
<div v-for="(item, index) in pageData[6].data" class="picBox">
|
|
<div v-for="(item, index) in pageData[6].data" class="picBox">
|
|
<div v-if="index <= 1">
|
|
<div v-if="index <= 1">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img :src="item.imgurl">
|
|
<img :src="item.imgurl">
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <!-- 图片和文字列表 -->
|
|
|
|
<ul class="photo_text">
|
|
<ul class="photo_text">
|
|
<li v-for="(item, index) in pageData[6].data">
|
|
<li v-for="(item, index) in pageData[6].data">
|
|
<article v-if="index > 1">
|
|
<article v-if="index > 1">
|
|
<em></em>
|
|
<em></em>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</article>
|
|
</article>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="zixunBottom">
|
|
|
|
|
|
+ <div class="zixunBottom" v-if="pageData[6].cid!=''">
|
|
<img class="left" :src="pageData[7].data[0].imgurl"
|
|
<img class="left" :src="pageData[7].data[0].imgurl"
|
|
v-if="pageData[7].data[0] && hoverStatus == 0">
|
|
v-if="pageData[7].data[0] && hoverStatus == 0">
|
|
<img class="left" :src="pageData[7].data[1].imgurl"
|
|
<img class="left" :src="pageData[7].data[1].imgurl"
|
|
@@ -301,24 +336,22 @@
|
|
<li v-for="(item, index) in pageData[7].data" @mouseenter="qhPic(index)">
|
|
<li v-for="(item, index) in pageData[7].data" @mouseenter="qhPic(index)">
|
|
<h4>
|
|
<h4>
|
|
<em></em>
|
|
<em></em>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</h4>
|
|
</h4>
|
|
- <!-- <p>
|
|
|
|
- <NuxtLink
|
|
|
|
- :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
- </p> -->
|
|
|
|
|
|
+
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="innerRight">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="innerRight" v-if="pageData[8].cid!=''">
|
|
<div class="title">
|
|
<div class="title">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[8].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[8].cid}`}" target="_blank" v-if="pageData[8]">
|
|
|
|
+ {{ pageData[8].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[8].cid}`, query: { catid: pageData[8].cid } }"
|
|
:to="{ path: `/newsList/${pageData[8].cid}`, query: { catid: pageData[8].cid } }"
|
|
@@ -329,16 +362,18 @@
|
|
</div>
|
|
</div>
|
|
<ul class="information">
|
|
<ul class="information">
|
|
<li v-for="item in pageData[8].data">
|
|
<li v-for="item in pageData[8].data">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img :src="item.imgurl">
|
|
<img :src="item.imgurl">
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
<div class="text">
|
|
<div class="text">
|
|
<h5>
|
|
<h5>
|
|
- <NuxtLink
|
|
|
|
- :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
|
|
+ <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</h5>
|
|
</h5>
|
|
<p>{{ item.author }}</p>
|
|
<p>{{ item.author }}</p>
|
|
</div>
|
|
</div>
|
|
@@ -348,16 +383,16 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <!-- 十强称号logo -->
|
|
|
|
- <HomeTopTen></HomeTopTen>
|
|
|
|
|
|
+ <HomeTopTen :imgurl="adList[2]" v-if="adList[2]"></HomeTopTen>
|
|
|
|
|
|
- <!-- 第四层 -->
|
|
|
|
- <div class="farming">
|
|
|
|
|
|
+ <div class="farming" v-if="pageData[9].cid!=''&&pageData[10].cid!=''&&pageData[11].cid!=''">
|
|
<div class="inner">
|
|
<div class="inner">
|
|
- <div class="innerLeft">
|
|
|
|
|
|
+ <div class="innerLeft" v-if="pageData[9].cid!=''">
|
|
<div class="farmer">
|
|
<div class="farmer">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[9].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[9].cid}`}" target="_blank" v-if="pageData[9]">
|
|
|
|
+ {{ pageData[9].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[9].cid}`, query: { catid: pageData[9].cid } }"
|
|
:to="{ path: `/newsList/${pageData[9].cid}`, query: { catid: pageData[9].cid } }"
|
|
@@ -368,16 +403,19 @@
|
|
<li v-for="item in pageData[9].data">
|
|
<li v-for="item in pageData[9].data">
|
|
<em></em>
|
|
<em></em>
|
|
<span>
|
|
<span>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</span>
|
|
</span>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="farmer">
|
|
<div class="farmer">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[10].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[10].cid}`}" target="_blank" v-if="pageData[10]">
|
|
|
|
+ {{ pageData[10].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[10].cid}`, query: { catid: pageData[10].cid } }"
|
|
:to="{ path: `/newsList/${pageData[10].cid}`, query: { catid: pageData[10].cid } }"
|
|
@@ -389,44 +427,52 @@
|
|
<li v-for="item in pageData[10].data">
|
|
<li v-for="item in pageData[10].data">
|
|
<em></em>
|
|
<em></em>
|
|
<span>
|
|
<span>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</span>
|
|
</span>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="innerRight">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="innerRight" v-if="pageData[11].cid!=''">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[11].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[11].cid}`}" target="_blank" v-if="pageData[11]">
|
|
|
|
+ {{ pageData[11].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[11].cid}`, query: { catid: pageData[11].cid } }"
|
|
:to="{ path: `/newsList/${pageData[11].cid}`, query: { catid: pageData[11].cid } }"
|
|
target="_blank" v-if="pageData[11]">查看更多</NuxtLink>
|
|
target="_blank" v-if="pageData[11]">查看更多</NuxtLink>
|
|
</span>
|
|
</span>
|
|
</h3>
|
|
</h3>
|
|
- <!-- 轮播图 -->
|
|
|
|
<div class="banner">
|
|
<div class="banner">
|
|
<HomeSmallSwiper :swiperData="pageData[11].data"></HomeSmallSwiper>
|
|
<HomeSmallSwiper :swiperData="pageData[11].data"></HomeSmallSwiper>
|
|
</div>
|
|
</div>
|
|
- <!-- 轮播图下小图列表 及内容列表 -->
|
|
|
|
<div class="banner_b_img">
|
|
<div class="banner_b_img">
|
|
<div class="photo">
|
|
<div class="photo">
|
|
<article v-for="(item, index) in pageData[11].data2">
|
|
<article v-for="(item, index) in pageData[11].data2">
|
|
<div class="photoL" v-if="index == 0">
|
|
<div class="photoL" v-if="index == 0">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img :src="item.imgurl">
|
|
<img :src="item.imgurl">
|
|
<span>{{ item.title }}</span>
|
|
<span>{{ item.title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
<div class="photoL" v-if="index == 1">
|
|
<div class="photoL" v-if="index == 1">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img :src="item.imgurl">
|
|
<img :src="item.imgurl">
|
|
<span>{{ item.title }}</span>
|
|
<span>{{ item.title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
@@ -438,9 +484,12 @@
|
|
<ul>
|
|
<ul>
|
|
<li v-for="item in pageData[11].data3">
|
|
<li v-for="item in pageData[11].data3">
|
|
<em></em>
|
|
<em></em>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<span>{{ item.title }}</span>
|
|
<span>{{ item.title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</li>
|
|
</li>
|
|
@@ -454,15 +503,17 @@
|
|
<HomeTopTenTitle></HomeTopTenTitle>
|
|
<HomeTopTenTitle></HomeTopTenTitle>
|
|
|
|
|
|
<!-- 第五层 -->
|
|
<!-- 第五层 -->
|
|
- <div class="scienceEducation">
|
|
|
|
|
|
+ <div class="scienceEducation" v-if="pageData[12].cid!=''&&pageData[13].cid!=''">
|
|
<div class="inner">
|
|
<div class="inner">
|
|
- <!-- 左侧 -->
|
|
|
|
- <div class="innerLeft">
|
|
|
|
- <!-- <HomeSlider ></HomeSlider> -->
|
|
|
|
|
|
+ <div class="innerLeft" v-if="pageData[12].cid!=''">
|
|
<div class="slider">
|
|
<div class="slider">
|
|
- <!-- 标题部分 -->
|
|
|
|
<div class="scienceTitle">
|
|
<div class="scienceTitle">
|
|
- <h5>{{ pageData[12].title }}</h5>
|
|
|
|
|
|
+ <h5>
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[12].cid}`}" target="_blank" v-if="pageData[12]">
|
|
|
|
+ {{ pageData[12].title }}
|
|
|
|
+ </NuxtLink>
|
|
|
|
+ </h5>
|
|
|
|
+
|
|
<p class="title">
|
|
<p class="title">
|
|
<span v-if="pageData[12]" @click="qhtabs(1)">
|
|
<span v-if="pageData[12]" @click="qhtabs(1)">
|
|
<b v-if="showTabs == 1" class="active">{{ pageData[12].title1 }}</b>
|
|
<b v-if="showTabs == 1" class="active">{{ pageData[12].title1 }}</b>
|
|
@@ -482,45 +533,47 @@
|
|
</span>
|
|
</span>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
- <!-- 标题下内容列表 -->
|
|
|
|
<div class="box">
|
|
<div class="box">
|
|
<div class="scienceListBox">
|
|
<div class="scienceListBox">
|
|
<ul class="scienceList" v-if="showTabs == 1">
|
|
<ul class="scienceList" v-if="showTabs == 1">
|
|
<li v-for="item in pageData[12].data1">
|
|
<li v-for="item in pageData[12].data1">
|
|
- <!-- <img :src="item.imgurl"> -->
|
|
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1"><img :src="item.imgurl"></NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank"><img :src="item.imgurl"></NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0"><img :src="item.imgurl"></NuxtLink>
|
|
<p>
|
|
<p>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</p>
|
|
</p>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
<ul class="scienceList" v-if="showTabs == 2">
|
|
<ul class="scienceList" v-if="showTabs == 2">
|
|
<li v-for="item in pageData[12].data2">
|
|
<li v-for="item in pageData[12].data2">
|
|
- <!-- <img :src="item.imgurl"> -->
|
|
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1"><img :src="item.imgurl"></NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank"><img :src="item.imgurl"></NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0"><img :src="item.imgurl"></NuxtLink>
|
|
<p>
|
|
<p>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</p>
|
|
</p>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
<ul class="scienceList" v-if="showTabs == 3">
|
|
<ul class="scienceList" v-if="showTabs == 3">
|
|
<li v-for="item in pageData[12].data3">
|
|
<li v-for="item in pageData[12].data3">
|
|
- <!-- <img :src="item.imgurl"> -->
|
|
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1"><img :src="item.imgurl"></NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank"><img :src="item.imgurl"></NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0"><img :src="item.imgurl"></NuxtLink>
|
|
<p>
|
|
<p>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</p>
|
|
</p>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
@@ -528,9 +581,10 @@
|
|
<li v-for="item in pageData[12].data4">
|
|
<li v-for="item in pageData[12].data4">
|
|
<img :src="item.imgurl">
|
|
<img :src="item.imgurl">
|
|
<p>
|
|
<p>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</p>
|
|
</p>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
@@ -539,11 +593,11 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
- <!-- 右侧 -->
|
|
|
|
- <div class="innerRight">
|
|
|
|
- <!-- 标题部分 -->
|
|
|
|
|
|
+ <div class="innerRight" v-if="pageData[13].cid!=''">
|
|
<h3>
|
|
<h3>
|
|
- {{ pageData[13].title }}
|
|
|
|
|
|
+ <NuxtLink :to="{ path: `/newsList/${pageData[13].cid}`}" target="_blank" v-if="pageData[13]">
|
|
|
|
+ {{ pageData[13].title }}
|
|
|
|
+ </NuxtLink>
|
|
<span>
|
|
<span>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsList/${pageData[13].cid}`, query: { catid: pageData[13].cid } }"
|
|
:to="{ path: `/newsList/${pageData[13].cid}`, query: { catid: pageData[13].cid } }"
|
|
@@ -555,38 +609,41 @@
|
|
<li v-for="item in pageData[13].data3">
|
|
<li v-for="item in pageData[13].data3">
|
|
<em></em>
|
|
<em></em>
|
|
<span>
|
|
<span>
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">{{ item.title }}</NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">{{ item.title }}</NuxtLink>
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">{{ item.title }}</NuxtLink>
|
|
</span>
|
|
</span>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
- <!-- 轮播图 -->
|
|
|
|
<div class="banner">
|
|
<div class="banner">
|
|
<HomeSmallSwiper :swiperData="pageData[13].data"></HomeSmallSwiper>
|
|
<HomeSmallSwiper :swiperData="pageData[13].data"></HomeSmallSwiper>
|
|
</div>
|
|
</div>
|
|
- <!-- 轮播图下小图列表 及内容列表 -->
|
|
|
|
<div class="banner_b_img">
|
|
<div class="banner_b_img">
|
|
<div class="photo">
|
|
<div class="photo">
|
|
<article v-for="(item, index) in pageData[13].data2">
|
|
<article v-for="(item, index) in pageData[13].data2">
|
|
<div class="photoL" v-if="index == 0">
|
|
<div class="photoL" v-if="index == 0">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img :src="item.imgurl">
|
|
<img :src="item.imgurl">
|
|
- <span>
|
|
|
|
- {{ item.title }}
|
|
|
|
- </span>
|
|
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
<div class="photoL" v-if="index == 1">
|
|
<div class="photoL" v-if="index == 1">
|
|
|
|
+ <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
|
|
|
|
+ <img :src="item.imgurl">
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
|
+ </NuxtLink>
|
|
<NuxtLink
|
|
<NuxtLink
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
:to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
- target="_blank">
|
|
|
|
|
|
+ target="_blank" v-if="item.islink==0">
|
|
<img :src="item.imgurl">
|
|
<img :src="item.imgurl">
|
|
- <span>
|
|
|
|
- {{ item.title }}
|
|
|
|
- </span>
|
|
|
|
|
|
+ <span>{{ item.title }}</span>
|
|
</NuxtLink>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</article>
|
|
@@ -631,31 +688,42 @@ const qhPic = function (num) {
|
|
hoverStatus.value = num;
|
|
hoverStatus.value = num;
|
|
}
|
|
}
|
|
|
|
|
|
-// 在 onMounted 钩子中获取数据
|
|
|
|
-onMounted(async () => {
|
|
|
|
|
|
+//获得所有广告
|
|
|
|
+const adList = ref("");
|
|
|
|
+const getadList = async () => {
|
|
try {
|
|
try {
|
|
- const response = await axios.get(`/web/getWebsiteCategoryHead?catid=${routeId}`);
|
|
|
|
- const data = response.data.website_head; // 假设接口返回的数据在 data 字段中
|
|
|
|
- console.log(seoData.value.title)
|
|
|
|
- // 更新 seoData
|
|
|
|
- seoData.value = {
|
|
|
|
- title: data.seo_title,
|
|
|
|
- description: data.seo_description,
|
|
|
|
- keywords: data.seo_keywords,
|
|
|
|
- image: data.seo_image
|
|
|
|
- };
|
|
|
|
- console.log(seoData.value.title)
|
|
|
|
-
|
|
|
|
|
|
+ const response = await axios.get(`/web/getWebsiteAdvertisement`);
|
|
|
|
+ adList.value = response.data;
|
|
} catch (error) {
|
|
} catch (error) {
|
|
- console.error('获取 SEO 数据失败:', error);
|
|
|
|
- // 设置默认值
|
|
|
|
- seoData.value = {
|
|
|
|
- title: '三农资讯网',
|
|
|
|
- description: '默认描述',
|
|
|
|
- keywords: '默认关键词',
|
|
|
|
- image: 'https://example.com/default-image.jpg'
|
|
|
|
- };
|
|
|
|
|
|
+ console.error(error);
|
|
}
|
|
}
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+// 在 onMounted 钩子中获取数据
|
|
|
|
+onMounted(async () => {
|
|
|
|
+ // try {
|
|
|
|
+ // const response = await axios.get(`/web/getWebsiteCategoryHead?catid=${routeId}`);
|
|
|
|
+ // const data = response.data.website_head; // 假设接口返回的数据在 data 字段中
|
|
|
|
+ // console.log(seoData.value.title)
|
|
|
|
+ // // 更新 seoData
|
|
|
|
+ // seoData.value = {
|
|
|
|
+ // title: data.seo_title,
|
|
|
|
+ // description: data.seo_description,
|
|
|
|
+ // keywords: data.seo_keywords,
|
|
|
|
+ // image: data.seo_image
|
|
|
|
+ // };
|
|
|
|
+ // console.log(seoData.value.title)
|
|
|
|
+
|
|
|
|
+ // } catch (error) {
|
|
|
|
+ // console.error('获取 SEO 数据失败:', error);
|
|
|
|
+ // // 设置默认值
|
|
|
|
+ // seoData.value = {
|
|
|
|
+ // title: '三农资讯网',
|
|
|
|
+ // description: '默认描述',
|
|
|
|
+ // keywords: '默认关键词',
|
|
|
|
+ // image: 'https://example.com/default-image.jpg'
|
|
|
|
+ // };
|
|
|
|
+ // }
|
|
});
|
|
});
|
|
|
|
|
|
// 监听 seoData 的变化,动态设置 SEO 字段
|
|
// 监听 seoData 的变化,动态设置 SEO 字段
|
|
@@ -993,6 +1061,14 @@ onMounted(() => {
|
|
getWebsiteModelCategory()
|
|
getWebsiteModelCategory()
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
+
|
|
|
|
+function getDays(time) {
|
|
|
|
+ const date = new Date(time);
|
|
|
|
+ const year = date.getFullYear();
|
|
|
|
+ const month = date.getMonth() + 1;
|
|
|
|
+ const day = date.getDate();
|
|
|
|
+ return `${month}-${day}`;
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|