<template>
  <div>
    <vueDraggableResizable
      :w="attributeJson.baseStyle.w * ratio"
      :h="attributeJson.baseStyle.h * ratio"
      :x="attributeJson.baseStyle.l * ratio"
      :y="attributeJson.baseStyle.t * ratio"
      :lock-aspect-ratio="attributeJson.baseStyle.isLocked"
      @resizing="onResize"
      @dragging="onDrag"
      class="swiper-wrap"
      :snap="true"
      :snapTolerance="5"
      @refLineParams="getRefLineParams"
    >
      <div>111</div>
    </vueDraggableResizable>
  </div>
</template>

<script>
import tabItemJs from "./tabItem.js";
export default tabItemJs;
</script>

<style lang="scss" scoped>
@import "tabItem";
</style>
