Browse Source

列表页日期显示bug

master
aBin 3 years ago
parent
commit
f33c9dd627
  1. 19
      src/components/ListPage/ListPage.vue
  2. 1
      src/views/NewPages/NewPages.vue

19
src/components/ListPage/ListPage.vue

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

1
src/views/NewPages/NewPages.vue

@ -143,6 +143,7 @@ export default {
data = await this.getContentImg(param); data = await this.getContentImg(param);
} else { } else {
data = await this.getContent(param); data = await this.getContent(param);
console.log('data: ', data);
} }
this.content = data; this.content = data;
} catch (error) {} } catch (error) {}

Loading…
Cancel
Save