<template>
  <div class="creation-camp-component">
    <PreviewContent class="preview-content-class" />
    <OperationArea class="operation-area-class" />
  </div>
</template>
<script>
import PreviewContent from './PreviewContent/index'
import OperationArea from './OperationArea'

export default {
  components: {
    PreviewContent,
    OperationArea
  },
  data() {
    return {
    }
  }
}
</script>

<style lang="less" scoped>
.creation-camp-component {
	display: flex;
  height: 100%;
  overflow: hidden;
	.module-list-class {
		width: 300px;
		height: 100%;
		background-color: #c2c2c2;
	}
	.preview-content-class {
    position: relative;
		flex: 1;
	}
	.operation-area-class {
		background-color: #f2f2f2;
	}
}
</style>
