success.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <template>
  2. <view class="content">
  3. <view class="statusDesc">
  4. <view class="status">
  5. 审核中
  6. </view>
  7. <view class="applyDesc">
  8. <view class="title">请在“我的售后”页面查看详情</view>
  9. </view>
  10. </view>
  11. <view class="conbox">
  12. <!-- type="primary" -->
  13. <u-button @click="afterSalesDetail(refundId)">查看售后</u-button>
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. // 组件
  19. import { orderOperate } from '@/pages-mall/mixins/order-operate.js';
  20. export default {
  21. mixins: [orderOperate],
  22. data() {
  23. return {
  24. refundId:null,
  25. };
  26. },
  27. onLoad(opt) {
  28. console.log(opt);
  29. this.refundId = opt.refundId;
  30. },
  31. onBackPress() {
  32. uni.navigateBack({
  33. delta:-3
  34. })
  35. },
  36. methods: {
  37. }
  38. };
  39. </script>
  40. <style lang="scss" scoped>
  41. .content {
  42. // padding: 30rpx;
  43. }
  44. .conbox {
  45. background-color: #fff;
  46. margin-bottom: 30rpx;
  47. padding: 0 30rpx;
  48. }
  49. .selgoodsb {
  50. text-align: center;
  51. .t {
  52. margin-bottom: 20rpx;
  53. color: #666;
  54. }
  55. }
  56. // .baseP{
  57. // font-size: 32rpx;
  58. // padding: 30rpx 50rpx;
  59. // color: $app-theme-color;
  60. // }
  61. .returnBtn{
  62. margin-top: 30rpx;
  63. }
  64. .statusDesc{
  65. position: relative;
  66. padding: 30rpx;
  67. background-color: $app-theme-color;
  68. color: $app-theme-text-white-color;
  69. margin-bottom: 24rpx;
  70. .title{
  71. font-size: 36rpx;
  72. margin-bottom: 50rpx;
  73. }
  74. .status {
  75. margin-bottom: 20rpx;
  76. font-size: 30rpx;
  77. }
  78. .desc {
  79. font-size: 26rpx;
  80. }
  81. }
  82. .binfo{
  83. // padding: 30rpx;
  84. }
  85. .cell {
  86. display: flex;
  87. justify-content: space-between;
  88. align-items: center;
  89. padding: 20rpx 0;
  90. .label {
  91. width: 204rpx;
  92. font-size: 28rpx;
  93. color: $app-theme-text-color;
  94. }
  95. .value {
  96. width: 320rpx;
  97. text-align: right;
  98. font-size: 28rpx;
  99. color: $app-theme-text-color;
  100. }
  101. .price{
  102. color: $app-theme-text-money-color;
  103. }
  104. .operate {
  105. width: 80rpx;
  106. text-align: right;
  107. .copy {
  108. font-size: 28rpx;
  109. color: $app-theme-color;
  110. }
  111. }
  112. }
  113. .contact{
  114. border-top: 1rpx solid #eee;
  115. padding: 20rpx;
  116. color: $app-theme-color;
  117. }
  118. .serviceBtn{
  119. background-color: transparent;
  120. padding: 0;
  121. border: none;
  122. line-height: 1.2;
  123. font-size: 30rpx;
  124. &::after{
  125. content: '';
  126. border: none;
  127. display: none;
  128. }
  129. }
  130. </style>