payResult.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="payResult">
  3. <u-icon name="checkmark-circle-fill" :color="vuex_theme.bgColor" style="margin-top: 50rpx;" size="100"></u-icon>
  4. <view>订单支付成功</view>
  5. <u-button shape="circle" :custom-style="customStyle" style="margin-top: 50rpx;" @click="goback">返回</u-button>
  6. </view>
  7. </template>
  8. <script>
  9. let goldPlan = require('@/utils/jgoldplan-1.0.0.js');
  10. export default {
  11. data() {
  12. return {
  13. customStyle: {
  14. color: 'white',
  15. background: "#E72226",
  16. width: '200rpx',
  17. margin: '10rpx',
  18. height:"60rpx",
  19. fontSize:"26rpx"
  20. }
  21. }
  22. },
  23. created() {
  24. this.customStyle.background = this.vuex_theme.bgColor;
  25. },
  26. methods: {
  27. goback() {
  28. let mchData = {
  29. action: 'jumpOut',
  30. jumpOutUrl: 'https://vote.guosen-fumao.cn/h5/#/pages/activity/activityDetail' //跳转的页面
  31. }
  32. var postData = JSON.stringify(mchData);
  33. parent.postMessage(postData, 'https://payapp.weixin.qq.com')
  34. }
  35. }
  36. }
  37. </script>
  38. <style lang="scss">
  39. .payResult{
  40. display: flex;
  41. flex-direction: column;
  42. align-items: center;
  43. }
  44. </style>