payment.vue 952 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <view class="payBox">
  3. <image src="../../static/img/change_suce.png" mode="widthFix" style="width: 312rpx;" alt="">
  4. <view>
  5. 支付成功
  6. </view>
  7. <!-- <view class="btn" @click="goBack">
  8. 返回查看退差价单
  9. </view> -->
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. data() {
  15. return {
  16. }
  17. },
  18. methods: {
  19. goBack() {
  20. uni.reLaunch({
  21. url: '../returnedInfo/index'
  22. })
  23. }
  24. }
  25. }
  26. </script>
  27. <style lang="scss" scoped>
  28. .payBox {
  29. padding-top: 30%;
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. flex-direction: column;
  34. font-size: 60rpx;
  35. font-weight: bold;
  36. color: #333333;
  37. image {
  38. margin-bottom: 30rpx;
  39. }
  40. .btn {
  41. width: 300rpx;
  42. line-height: 88rpx;
  43. background: #FFF4F3;
  44. border: 2rpx solid #F30100;
  45. border-radius: 44rpx 44rpx 44rpx 44rpx;
  46. text-align: center;
  47. color: #FF0000;
  48. font-size: 32rpx;
  49. margin-top: 60rpx;
  50. }
  51. }
  52. </style>