first commit

历届学生/17届课程/团队练手私活项目/h5share_code/src/views/Video.vue

@@ -0,0 +1,112 @@
+<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>