<template>
  <div
    :style="{
      width: Math.round(attributeJson.baseStyle.w * ratio) + 'px',
      height: Math.round(attributeJson.baseStyle.h * ratio) + 'px',
      left: Math.round(attributeJson.baseStyle.l * ratio) + 'px',
      top: Math.round(attributeJson.baseStyle.t * ratio) + 'px'
    }"
    class="text-wrap"
  >
    <div v-if="attributeJson.label">
      <div v-entrance class="entrance-con editor-richTextWrap" @click="pageClick">
        <div :class="['text-con', animationInObj.type && entranceShow ? enterClass : '']" v-show="entranceShow" v-html="attributeJson.label" :style="{ animationDuration: `${animationInObj.duration}s` }"></div>
      </div>
    </div>
  </div>
</template>

<script>
import textItemJs from './textItem.js'
export default textItemJs
</script>

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