<template>
  <div class="pay-status">
    <empty title="支付成功" :image="paySuccess" color="#1890FF" />
    <div class="info">
      <span>支付金额：</span>
      <span class="price">￥{{ payAmount | formatPrice }}</span>
    </div>
  </div>
</template>

<script>
import Empty from '@/components/Empty'
import paySuccess from '@/assets/pay/pay-success.png'
export default {
  components: {
    Empty
  },
  data() {
    return {
      paySuccess,
      payAmount: ''
    }
  },
  created() {
    this.payAmount = this.$route.query.payAmount
  }
}
</script>

<style scoped lang="scss">
.pay-status{
  margin-top: 160px;
}
.info{
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
  .price{
    font-size: 20px;
    color: #FF6D6D
  }
}
</style>
