<!--
 * @Author: ChenChanghua
 * @Date: 2022-01-14 18:18:00
 * @LastEditors: ChenChanghua
 * @LastEditTime: 2022-01-26 17:35:26
 * @Description: file content
-->
<script>
export default {
  props: ["data", "index"],
  created() {},
  mounted() {},
};
</script>

<template>
  <div
    ref="element"
    :style="{
      left: data.xPos,
      top: data.yPos,
      width: data.width,
      height: data.height,
    }"
  >
    <slot name="renderItem" :data="data.data"></slot>
  </div>
</template>
