|
|
@ -1,9 +1,13 @@ |
|
|
|
<template> |
|
|
|
<div style="position:relative;min-height: 500px;"> |
|
|
|
<div class="year-box" v-if="code !== 'search'"> |
|
|
|
<span :class="year - 0 === item.year - 0 ? 'active' : ''" v-for="item in yearList" :key="item.year" @click="changeYear(item.year)">{{ |
|
|
|
item.year |
|
|
|
}}</span> |
|
|
|
<span |
|
|
|
:class="item && item.year && year - 0 === item.year - 0 ? 'active' : ''" |
|
|
|
v-for="item in yearList" |
|
|
|
:key="item.year" |
|
|
|
@click="changeYear(item.year)" |
|
|
|
>{{ item.year }}</span |
|
|
|
> |
|
|
|
</div> |
|
|
|
<template v-if="code !== '0204' && code !== '0207'"> |
|
|
|
<ul v-if="content.total - 0" style="max-width: 892px"> |
|
|
@ -14,6 +18,9 @@ |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
<div v-else style="height: 100%" class="d-flex justify-center align-center"> |
|
|
|
<a-empty /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<div class="d-flex flex-wrap" style="max-width: 892px"> |
|
|
@ -27,15 +34,13 @@ |
|
|
|
<!-- <div> --> |
|
|
|
<img v-if="code === '0204'" :src="item.titleUrl" style="width:210px;height:140px" /> |
|
|
|
<video v-if="code === '0207'" :src="item.titleUrl" style="width:210px;height:140px" /> |
|
|
|
<div class="mt-2"><span class="mr-2">发表时间: </span> {{ $moment(item.publishTime).format('YYYY-HH-DD') }}</div> |
|
|
|
<div class="mt-2"><span class="mr-2">发表时间: </span> {{ $moment(item.publishTime).format('YYYY-MM-DD') }}</div> |
|
|
|
<div><span class="mr-2">作者: </span> {{ item.author }}</div> |
|
|
|
<!-- </div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<div v-else style="height: 100%" class="d-flex justify-center align-center"> |
|
|
|
<a-empty /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="content.total - 0 > 10" style="position:absolute;right:0;bottom:-20px;" class="d-flex justify-center align-center"> |
|
|
|
<a-pagination show-quick-jumper :default-current="1" :total="content.total - 0" @change="onChange" /> |
|
|
|
</div> |
|
|
|