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>