<template>
  <div class="exhibition-image">
    <p class="title">
      <span class=" icon-floorplan iconfont"></span>
      <span>{{exhibitionImage.title}}</span>
    </p>
    <div class="image">
      <lookImage :exhibitionImage="exhibitionImage"/>
    </div>

  </div>
</template>

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

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

<style lang="less" scoped>
  .exhibition-image {
    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>
