学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

102 lines
1.9 KiB

1 year ago
  1. <template>
  2. <view class="refundInfo">
  3. <view class="h1">退款申请</view>
  4. <view class="card">
  5. <view class="row">
  6. <view class="lab">退款原因</view>
  7. <view class="val">个人原因</view>
  8. </view>
  9. <view class="row">
  10. <view class="lab">退款金额</view>
  11. <view class="val">100.00</view>
  12. </view>
  13. <view class="border_bottom">
  14. <view class="date">申请时间2023/08/06 09:12:33</view>
  15. <view class="date">退款完成时间2023/08/10 09:12:33</view>
  16. </view>
  17. </view>
  18. <view class="h1">收款信息</view>
  19. <view class="card">
  20. <view class="row">
  21. <view class="lab">持卡人</view>
  22. <view class="value">张三</view>
  23. </view>
  24. <view class="row">
  25. <view class="lab">手机号</view>
  26. <view class="value">
  27. <view class="flex-b">
  28. <view class="phone">18267103167</view>
  29. <view class="blue">已验证</view>
  30. </view>
  31. </view>
  32. </view>
  33. <view class="row">
  34. <view class="lab">卡号</view>
  35. <view class="value">79879465454148</view>
  36. </view>
  37. <view class="row">
  38. <view class="lab">开户行</view>
  39. <view class="value">招商银行</view>
  40. </view>
  41. </view>
  42. </view>
  43. </template>
  44. <script>
  45. </script>
  46. <style lang="scss" scoped>
  47. .refundInfo {
  48. width: 100%;
  49. .h1 {
  50. line-height: 96rpx;
  51. }
  52. .card {
  53. padding: 12rpx 28rpx;
  54. .row {
  55. display: flex;
  56. font-size: 28rpx;
  57. padding: 16rpx 0;
  58. .lab {
  59. font-weight: 500;
  60. width: 164rpx;
  61. }
  62. .val {
  63. &.blue {
  64. color: $themC;
  65. font-weight: 500;
  66. }
  67. }
  68. }
  69. .border_bottom {
  70. margin-top: 16rpx;
  71. padding-bottom: 12rpx;
  72. border-top: 2rpx solid #E8E9EC;
  73. .date {
  74. padding: 14rpx 0;
  75. color: #ADADAD;
  76. }
  77. }
  78. }
  79. .row {
  80. .lab {
  81. }
  82. .value {
  83. color: #333;
  84. display: flex;
  85. flex: 1;
  86. .flex-b { width: 100%;}
  87. .blue {
  88. color: $themC;
  89. font-weight: 500;
  90. }
  91. }
  92. }
  93. }
  94. </style>