<template>
  <div class="exhibition-video">
    <p class="title">
      <span class=" icon-shipin-tianchong iconfont"></span>
      {{exhibitionVideo.title}}</p>
    <div class="image">
      <lookVideo  :exhibitionVideo="exhibitionVideo"/>
    </div>

  </div>
</template>

<script>
  import lookVideo from "./lookVideo";
  export default {
    name: "exhibition-video",
    props: ['exhibitionVideo'],
    components:{lookVideo},
    data() {
      return {

      }
    },
    methods:{
      deepcopy(obj) {
        return JSON.parse(JSON.stringify(obj));
      },
    }
  }
</script>

<style lang="less" scoped>
  .exhibition-video {
    border: 1px solid #eeeeee;
    background: #fff;
    margin-bottom: 10px;
    .title {
      border-bottom: 1px solid #eee;
      padding: 10px 0;
      font-weight: 600;
      text-indent: 10px;
    }

    .image {
      margin: 10px;
      /*text-align: center;*/
    }

  }

</style>
