|
|
@@ -7,8 +7,9 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="main">
|
|
|
<van-image :src="roomInfos.filedir" class="image"></van-image>
|
|
|
- <van-count-down v-if="time > 0" class="time" :time="time" format="DD 天 HH 时 mm 分 ss 秒" />
|
|
|
- <el-col v-else-if="time <= 0" class="time">直播已开始</el-col>
|
|
|
+ <van-count-down v-if="time > 0 && endtime > 0" class="time" :time="time" format="DD 天 HH 时 mm 分 ss 秒" />
|
|
|
+ <el-col v-else-if="time <= 0 && endtime > 0" class="time">直播已开始</el-col>
|
|
|
+ <el-col v-else-if="endtime <= 0" class="time">直播已结束</el-col>
|
|
|
<van-tabs v-model="active" line-width="50px" title-active-color="#ee0a24">
|
|
|
<van-tab title="简介">
|
|
|
<van-col :span="24" class="title">{{ roomInfos.title }}</van-col>
|
|
|
@@ -51,6 +52,7 @@ export default {
|
|
|
roomInfos: {},
|
|
|
time: '',
|
|
|
active: 1,
|
|
|
+ endtime: '',
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -64,9 +66,11 @@ export default {
|
|
|
console.log(res.data);
|
|
|
|
|
|
this.$set(this, `roomInfos`, res.data);
|
|
|
- const date = moment(res.data.starttime).format('x');
|
|
|
+ const starttime = moment(res.data.starttime).format('x');
|
|
|
+ const endtime = moment(res.data.endtime).format('x');
|
|
|
const now = moment(new Date()).format('x');
|
|
|
- this.$set(this, `time`, date - now);
|
|
|
+ this.$set(this, `time`, starttime - now);
|
|
|
+ this.$set(this, `endtime`, endtime - now);
|
|
|
}
|
|
|
},
|
|
|
},
|
