<template>
   <div>
     <img :src="successiconUrl" alt="" style="margin: 10px auto;width: 64px;height: 64px;">
     <div style="padding: 10px 30px 50px">
       <p>尊敬的车主您好：</p>
       <p>尊敬的车主您好：</p>
       <p>尊敬的车主您好：</p>
     </div>
    <div style="padding: 0 20px">
      <mt-button size="large" type="primary" @click="toPay" style="margin-bottom: 20px;">去支付</mt-button>
      <mt-button size="large" type="danger" @click="toBackPage">返回</mt-button>
    </div>

   </div>
</template>

<script>
export default {
  name: "coupon",
  data(){
    return{
      successiconUrl:require('../../assets/images/successIcon.png'),
      loseiconUrl:require('../../assets/images/loseIcon.png'),
    }
  },
  methods:{
    toPay(){
      this.$router.push({
        path:'couponPay'
      })
    },
    toBackPage(){
      this.$router.back()
    }
  }
};
</script>

<style scoped>

</style>
