paySuccess.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view class="page-wrap">
  3. <image class="success" src="../../../static/svg/success.svg"></image>
  4. <view class="text">支付成功</view>
  5. <view class="money">500.00</view>
  6. <button class="btn" @click="handleBack">返回企业钱包</button>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. }
  14. },
  15. methods: {
  16. handleBack(){
  17. uni.navigateBack({
  18. delta: 2
  19. });
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. .page-wrap{
  26. min-height: 100%;
  27. padding-top: 130.49rpx;
  28. box-sizing: border-box;
  29. text-align: center;
  30. background: #fff;
  31. .success{
  32. width: 137.36rpx;
  33. height: 137.36rpx;
  34. }
  35. .text{
  36. font-size: 32.97rpx;
  37. color: #333;
  38. margin: 41.21rpx 0 5.49rpx;
  39. }
  40. .money{
  41. font-size: 43.96rpx;
  42. color: #333;
  43. &:before{
  44. content: '¥';
  45. font-size: 32.97rpx;
  46. }
  47. }
  48. .btn{
  49. width: 576.92rpx;
  50. height: 75.55rpx;
  51. line-height: 75.55rpx;
  52. background: #00d2c3;
  53. border-radius: 8.24rpx;
  54. font-size: 30.22rpx;
  55. color: #fff;
  56. margin-top: 217.03rpx;
  57. }
  58. }
  59. </style>