113 lines
3.7 KiB
Vue
113 lines
3.7 KiB
Vue
<template>
|
||
<div class="Video_on_demandmo">
|
||
<Header pots="top:20px"></Header>
|
||
<div class="content" v-if="datalists.detail != undefined">
|
||
<div class="videoplay" style="margin-top: 20px">
|
||
<VideoPlayback :videoBFUrl="datalists.detail.play_url"></VideoPlayback>
|
||
</div>
|
||
<h2>
|
||
<!-- 香港24小时 | 8月25日发生了什么？暴力局面再次升级-->
|
||
{{datalists.detail.title}}
|
||
</h2>
|
||
<span>
|
||
<!-- 2019-04-30 10:45-->
|
||
{{items.publish_time}}
|
||
</span>
|
||
<van-collapse v-model="activeNames" class="introduction_like" accordion>
|
||
<van-collapse-item>
|
||
<div slot="title" class="introduction" @click=""><img src="img/Star2.png" alt="">收藏</div>
|
||
<div slot="title" class="like" v-if="img" @click="imgClicj"><img src="img/Fabulous2.png" alt="">{{datalists.detail.like_count}}</div>
|
||
<div slot="title" class="like" v-else><img src="img/Fabulous.png" alt="">{{datalists.detail.like_count}}</div>
|
||
<div slot="title" style="padding: 0" class="jianjie">简介 </div>
|
||
<p>{{datalists.detail.des}}</p>
|
||
</van-collapse-item>
|
||
</van-collapse>
|
||
<div class="related">
|
||
<Recommended judges="false" :recommendefLists="datalists.recommend"></Recommended>
|
||
</div>
|
||
<div class="videocomment">
|
||
<OpenComments switch="false" position="fixed"></OpenComments>
|
||
<Allcomments :commentsList="listComment"></Allcomments>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
//导入包河头部组件
|
||
import Header from '@/components/Header.vue'
|
||
import Recommended from "@/components/Recommended.vue"
|
||
import VideoPlayback from "@/components/VideoPlayback.vue"
|
||
import Allcomments from "@/components/Allcomments.vue"
|
||
//导入包河的所有评论（无评论时）
|
||
import NavbarComponents from "@/components/Allcomments"
|
||
import OpenComments from "@/components/OpenComments"
|
||
export default {
|
||
data() {
|
||
return {
|
||
activeNames: ['1'],
|
||
datalists:[],
|
||
items:[],
|
||
listComment:[],
|
||
img:true
|
||
}
|
||
},
|
||
created(){
|
||
this.Video()
|
||
this.judge ()
|
||
},
|
||
methods: {
|
||
imgClicj () {
|
||
if (this.img) {
|
||
this.img = false
|
||
this.praise += 1
|
||
this.judges = false
|
||
} else {
|
||
this.img = true
|
||
this.praise -= 1
|
||
}
|
||
},
|
||
async Video() {
|
||
var data = await this.$http.video.videoplay({
|
||
id: 1
|
||
});
|
||
this.datalists = data
|
||
this.items = data.detail
|
||
this.listComment = data.comment
|
||
console.log(this.items)
|
||
},
|
||
|
||
},
|
||
components:{
|
||
Header,
|
||
NavbarComponents,
|
||
OpenComments,
|
||
Recommended,
|
||
VideoPlayback,
|
||
Allcomments
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="stylus">
|
||
@import "~!/video"
|
||
.van-cell
|
||
padding 0 !important
|
||
div
|
||
padding 0 !important
|
||
.content
|
||
padding 0
|
||
margin 0
|
||
[class*=van-hairline]::after
|
||
position absolute
|
||
box-sizing border-box
|
||
content ' '
|
||
pointer-events none
|
||
top -50%
|
||
right -50%
|
||
bottom -50%
|
||
left -50%
|
||
border 0 solid #ebedf000
|
||
</style>
|