<template>
  <div class="gift-introduce absolute" v-show="vValue"
    :style="{
      'top': vY - height+'px',
      'left':vX - width+'px'
    }"
  >
    <section class="rowACenter screen gift-introduce-screen">
      <div class="gift-introduce-image center">
        <v-image :src="vItem.base_image" backgroundColor="transparent" class="gift-introduce-icon"></v-image>
      </div>
      <div class="flex-1 flex gift-introduce-content">
        <div class="gift-introduce-title line-2">{{vItem.gift_name}}<span>({{vItem.gift_price}}巧鱼币)</span></div>
        <div class="flex-1"></div>
        <div class="gift-introduce-charm">魅力值+{{vItem.gift_price}}</div>
      </div>
    </section>
  </div>
</template>

<script>
import {
  vImage
} from '$components';
import props from '../props';
import mixins from '../mixins';
export default {
  name: "popup-gift-introduce",
  components:{
    vImage
  },
  mixins,
  props
}
</script>

<style scoped lang="scss" src="../style.scss"></style>