index.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <template>
  2. <view class="page">
  3. <view class="flex-col">
  4. <view class="flex-row justify-center">
  5. <image class="image" src="/static/order/ud16.png"></image>
  6. </view>
  7. <view class="amount flex-row justify-center">
  8. <text>奖励金额</text>
  9. </view>
  10. <view class="unmber flex-row justify-center">
  11. <text>¥1122</text>
  12. </view>
  13. <view class="inputView flex-row justify-start">
  14. <text class="symbol">¥</text>
  15. <view class="flex-col justify-center input">
  16. <input type="digit" placeholder="请输入提现金额"/>
  17. </view>
  18. </view>
  19. <view class="btn">
  20. <text>立即提现</text>
  21. </view>
  22. </view>
  23. <view class="flex-col outView">
  24. <view class="flex-row justify-between">
  25. <view class="flex-col leftView">
  26. <view class="num">
  27. <text>¥45000</text>
  28. </view>
  29. <view class="date">
  30. <text>2023-12-02 12:12:44</text>
  31. </view>
  32. </view>
  33. <view class="flex-row state">
  34. <text>已同意</text>
  35. </view>
  36. </view>
  37. <view class="remark">
  38. <text>经过审核,由于你最近不规范行为,拒绝此次提现申请。</text>
  39. </view>
  40. </view>
  41. </view>
  42. </template>
  43. <script>
  44. export default {
  45. components: {
  46. },
  47. data() {
  48. return {
  49. };
  50. },
  51. onLoad() {
  52. },
  53. methods: {
  54. }
  55. }
  56. </script>
  57. <style scoped lang="scss">
  58. @import '../../common/css/common.css';
  59. @import './index.rpx.scss';
  60. </style>