paySuccess.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <template>
  2. <view class="login-main">
  3. <image
  4. src="../../static/images/success.png"
  5. mode=""
  6. style="width: 300px; margin-left: 25px"
  7. ></image>
  8. <span style="font-weight: 600; font-size: 44rpx; color: #333333">支付成功</span>
  9. <view style="margin-top: 20px">
  10. 奖励红包,次日到账,可进入农商直采小程序查看
  11. <!-- 已返
  12. <span style="color: red">{{ requestConfig.pay }}元</span>
  13. 红包,可进入农商网小程序查看 -->
  14. </view>
  15. <view style="margin-top: 20px">
  16. <button class="btn">查看红包</button>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. import { requestConfig } from "@/app.config.js";
  22. export default {
  23. data() {
  24. return {
  25. requestConfig: requestConfig,
  26. // 基本案列数据
  27. radiovalue: 0,
  28. };
  29. },
  30. onLoad() {},
  31. methods: {},
  32. };
  33. </script>
  34. <style scoped lang="scss">
  35. .u-radio-group--row {
  36. justify-content: center;
  37. }
  38. .btn {
  39. margin-top: 20px;
  40. width: 600rpx;
  41. height: 90rpx;
  42. background: linear-gradient(275deg, #01cf6c 0%, #07e278 100%);
  43. border-radius: 44rpx;
  44. color: #fff;
  45. }
  46. .radioText {
  47. font-weight: 500;
  48. font-size: 24rpx;
  49. color: #999999;
  50. line-height: 34rpx;
  51. text-align: left;
  52. font-style: normal;
  53. }
  54. .login-main {
  55. background: url("../../static/images/back.png") no-repeat;
  56. background-size: 100% 100%;
  57. width: 100%;
  58. display: flex;
  59. flex-direction: column;
  60. align-items: center;
  61. height: 100vh;
  62. }
  63. .login-contont-button {
  64. .btn {
  65. margin-top: 20px;
  66. width: 90%;
  67. height: 90rpx;
  68. background: linear-gradient(275deg, #01cf6c 0%, #07e278 100%);
  69. border-radius: 44rpx;
  70. color: #fff;
  71. }
  72. }
  73. .login-contont {
  74. width: 100%;
  75. height: 50%;
  76. .login-contont-info {
  77. text-align: center;
  78. .text {
  79. margin-top: 10px;
  80. font-weight: 500;
  81. font-size: 28rpx;
  82. color: #999999;
  83. line-height: 40rpx;
  84. font-style: normal;
  85. }
  86. }
  87. }
  88. .radio {
  89. text-align: center;
  90. margin-top: 10px;
  91. }
  92. .login-main-content {
  93. text-align: center;
  94. padding-top: 100px;
  95. width: 100%;
  96. height: 50%;
  97. .img {
  98. width: 100px;
  99. height: 130px;
  100. }
  101. }
  102. </style>