<template>
  <div class="img-wrap">
    <div
      class="img"
      :style="{backgroundImage:`url(${qrCode})`}">
    </div>

    <div>{{ elStyle.format }}</div>
  </div>
</template>

<script>
import printOption from '../index.js'
export default {
  props: {
    defaultTemplate: {
      type: String,
      default: ''
    },
    element: {
      type: Object,
      default: () => {}
    }
  },
  computed: {
    elStyle () {
      return this.element.style
    }
  },
  data () {
    return {
      qrCode: printOption.fpQrCode
    }
  }
}
</script>

<style lang="scss" scoped>
.img-wrap{
  height: 100%;
}
.img{
  height: 100%; background: no-repeat center center /contain;
}
</style>
