<template>
  <div>
    <select-comp :cb="onClick">
      <img :src="imgUrl" alt="" srcset="" width="100%">
    </select-comp>

    <Modal
      v-model="show"
      title="轮播图资源位"
    >
      <banner-editor v-model="list"></banner-editor>
    </Modal>
  </div>
</template>

<script>
import selectComp from './select-comp';
import bannerEditor from './banner-editor';

export default {
  props: ['data', 'resContentDataId'],
  data() {
    let allData = JSON.parse(this.data);
    return {
      imgUrl: require('assets/banner-img.png'),
      show: false,
      list: allData.data
    }
  },
  methods: {
    onClick() {
      this.show = true;
    }
  },
  components: {
    selectComp,
    bannerEditor
  }
}
</script>

<style>

</style>