HTML
<!-- showTime判断是否显示隔断时间 -->
<template v-for="(item, index) in messagelist">
<message-item :ref="`messageItems${index}`" v-if="!item.isDeleted" @lookCommodity="lookCommodity"
@optOpen="optOpen" :index="index" @turn="turn" :selectItemid="selectItemid" @play="play" :key="item.ID"
:message="item" :showTime="index===messagelist.length-1 || item.sentTime - messagelist[index+1].sentTime > 60"> </message-item>
</template>
<!-- 隔断 -->
<view class="time" v-if="showTime && showMessage">
{{time}}
</view>
js
computed:{
time() {
let data = this.message.sentTime / 1000
// 今天的零点
let currentTime = parseInt(new Date(new Date().setHours(0, 0, 0, 0)).getTime() / 1000)
// 获取昨天的零点
let beforTime = currentTime - 86400
if (data >= currentTime) {
return this.$u.timeFormat(data, 'hh:MM')
} else if (data > beforTime) {
return '昨天' + this.$u.timeFormat(data, 'hh:MM')
} else {
return this.$u.timeFormat(data, 'mm月dd日 hh:MM')
}
},
},
props: {
showTime: {
default: true,
type: Boolean
},
message: {
type: Object,
required: true
},
index: {
type: Number,
require: true
},
selectItemid: {
type: [String, Number],
default: ''
},
},