3、支付结果 /items/result?point=1&orderNo=201903211035400001

 

<template>
    <div>
        <div class="toppic">
            <img src="../../../assets/images/register/icon-success.png" alt="" srcset="">
        </div>
        <p class="success">支付成功</p>
        <h2>{{point}} 积分</h2>
        <div class="btm">
            <div class="left" @click="back()">返回</div>
            <div class="right" @click="view()">查看详情</div>
        </div>
    </div>
</template>
<style scoped>
.toppic {
    padding-top: 1.8rem;
    text-align: center;
}
.toppic img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
p.success {
    text-align: center;
    font-size: 0.6rem;
    margin: 0px;
    padding-top: 0.4rem;
}
h2 {
    padding-top: 1.1rem;
    text-align: center;
    font-size: 1.2rem;
    margin: 0px;
}
.btm {
    display: flex;
    padding: 1.2rem 0.95rem 0;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 0.52rem;
}
.btm .left {
    width: 4.29rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: #f6eef1;
    border-radius: 0.6rem;
    color: #ff0000;
    border:1px solid #ff0000;
}
.btm .right {
    width: 4.29rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: #ff0000;
    border-radius: 0.6rem;
    color: #fff;
    border:1px solid #ff0000;
}
</style>


<script>
export default {
    data() {
        return {
            point: 0,
            orderNo: 0
        }
    },
    created: function() {
        // var that = this
        // window.addEventListener('popstate', function(e) {
        //     that.$router.go(-1)
        // });
    },
    mounted() {
        this.point = this.$route.query.point
        this.orderNo = this.$route.query.orderNo
    },
    methods: {
        back() {
            this.$router.go(-1)
        },
        view() {
            this.$router.replace({path: '/items/order/detail',query: {orderNo: this.orderNo}})
        }
    }
}
</script>

 

转载于:https://www.cnblogs.com/suanmei/p/10570255.html