paySuc.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <!-- 余额跳转 -->
  3. <view class="page flex-col align-center">
  4. <!--
  5. <image src="/static/payOk.png" mode="aspectFill" class="img"></image>
  6. <view class="title">支付成功</view>
  7. <view class="val">{{money}} 元</view>
  8. <view class="btn-wrap" @tap="navTo('/pages/home/index',{},'pushTab')">
  9. 返回首页
  10. </view>
  11. -->
  12. <view class="flex-col items-center group_3">
  13. <image
  14. src="/static/pay-ok.png"
  15. class="image_3"
  16. />
  17. <text class="text_2">恭喜您,支付成功</text>
  18. <view class="btns-wrap align-center">
  19. <view class="button" @tap="navTo('/pages/home/home',{},{type:'pushTab'})">
  20. <text >返回首页</text>
  21. </view>
  22. <view class="button" @tap="navTo('/pages/mine/mine',{},{type:'pushTab'})">
  23. <text >查看订单</text>
  24. </view>
  25. </view>
  26. </view>
  27. </view>
  28. </template>
  29. <script>
  30. export default {
  31. data() {
  32. return {
  33. id:'',
  34. type:'',
  35. };
  36. },
  37. onLoad(e){
  38. this.id = e.id;
  39. this.type = e.type;
  40. },
  41. methods:{
  42. }
  43. }
  44. </script>
  45. <style lang="scss">
  46. page{
  47. background: #f8f8f8;
  48. }
  49. .group_3 {
  50. padding: 230rpx 0 30rpx;
  51. flex: 1 1 auto;
  52. overflow-y: auto;
  53. }
  54. .image_3 {
  55. width: 100rpx;
  56. height: 100rpx;
  57. }
  58. .text_2 {
  59. margin-top: 39rpx;
  60. color: #000;
  61. font-size: 34rpx;
  62. font-family: PingFang;
  63. line-height: 35rpx;
  64. }
  65. .btns-wrap{
  66. margin-top: 230rpx;
  67. .button {
  68. height: 60rpx;
  69. line-height: 58rpx;
  70. text-align: center;
  71. width: 175rpx;
  72. border: solid 1rpx #333333;
  73. border-radius: 10rpx;
  74. margin-right: 30rpx;
  75. font-size: 28rpx;
  76. &:last-child{
  77. margin-right: 0;
  78. }
  79. }
  80. }
  81. .text_3 {
  82. color: #333333;
  83. font-size: 34rpx;
  84. font-family: PingFang;
  85. line-height: 33rpx;
  86. }
  87. </style>