<template>
  <div class="livedetail">
    <div class="info">
      <div class="liveplay">
        <liveplay></liveplay>
        
      </div>

      <LiveCount></LiveCount>
    </div>
    <VideoReview class="review"></VideoReview>
  </div>
</template>
<style lang="scss" scoped>
.livedetail {
  width: 1320px;
  height: 563px;
  .info {
    width: 1321px;
    display: flex;
    justify-content:center;
    .liveplay {
      background: white;
      border-radius: 18px;
      margin-right: 29px;
      
    }
  }
  .review {
    margin-top: 28px;
  }
}
</style>
<script lang="ts">
import { defineComponent } from "vue";
import liveplay from "@/components/LivePlay.vue"
import LiveCount from "@/components/LiveCount.vue";
import VideoReview from "@/components/VideoReview.vue";
import { useRoute } from 'vue-router';
export default defineComponent({
  components: {
    LiveCount,
    liveplay,
    VideoReview,
  },
  setup() {
    console.log(useRoute().query.id);
  },
});
</script>