<template>
  <div>
    <i>{{ element.style.format }}</i> ¥ 80 <span v-if="showUnit">元</span>
  </div>
</template>

<script>
export default {
  props: {
    defaultTemplate: {
      type: String,
      default: ''
    },
    element: {
      type: Object,
      default: () => {}
    }
  },
  computed: {
    showUnit () {
      return this.scenicName !== '狼山景区' && this.scenicName !== '军山景区'
    },
    scenicName () {
      return this.$localStore.get('scenicName') || this.$store.state.user.scenicName
    },
    elStyle () {
      return this.element.style
    }
  }
}
</script>

<style lang="scss" scoped>
i{
  font-size: 0.8em; font-style: normal;
}
</style>
