<template>
    <div class="videoinfo">
        <div class="info">
            <VideoPlay></VideoPlay>
            <VideoCont></VideoCont>
        </div>
        <VideoReview class="review"></VideoReview>
    </div>
</template>
<style lang="scss" scoped>
.videoinfo{
    width: 1320px;
    height: 563px;
    .info{
        display: flex;
        justify-content: space-between;
    }
    .review{
        margin-top: 28px;
    }
}
</style>
<script lang="ts">
import { defineComponent } from 'vue';
import VideoPlay from "@/components/VideoPlay.vue"
import VideoCont from "@/components/VideoCont.vue"
import VideoReview from "@/components/VideoReview.vue"
import router from '@/router';
import { videodetail } from '@/api';
import { useRoute } from 'vue-router';
export default defineComponent({
    components:{
        VideoPlay,
        VideoCont,
        VideoReview
    },
    setup(){
        // console.log(1)
        console.log(useRoute().query)
       const result= videodetail(useRoute().query.id)
       console.log(result,46546)
        
    }
})
</script>