withdraw.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <template>
  2. <view>
  3. <u-navbar title="提现"></u-navbar>
  4. <view class="withdraw">
  5. <view class="withdraw-head">
  6. <p>提现至</p><span>微信商家账户</span>
  7. </view>
  8. <view class="withdraw-main">
  9. <p>申请提现金额(元)</p>
  10. <view class="withdraw-input">
  11. <span>¥</span>
  12. <u-input v-model="value" :type="type" placeholder-style="font-size:28px;height:40px;line-height:40px;color:#ccc;" />
  13. </view>
  14. </view>
  15. <view class="withdraw-foot">
  16. <p>可提现余额 ¥1000</p>
  17. <span>全部提现</span>
  18. </view>
  19. </view>
  20. <view class="applyBtn">
  21. <u-button class="applyBtn-btn" type="primary">申请提现,7日内到账</u-button>
  22. </view>
  23. <view class="withdraw-tips">
  24. <h4>提现说明:</h4>
  25. <p>由于银行清算,提现申请将于次日内到账。如遇高峰期,可能延时到账,请耐心等待。</p>
  26. </view>
  27. </view>
  28. </template>
  29. <script>
  30. export default {
  31. data() {
  32. return {
  33. value: '',
  34. type: 'text',
  35. }
  36. },
  37. methods: {
  38. }
  39. }
  40. </script>
  41. <style>
  42. page{
  43. background-color: #F7F7F7;
  44. }
  45. </style>
  46. <style lang="scss" scoped>
  47. .withdraw-tips{
  48. margin:24px 16px;
  49. p{
  50. color:#999;
  51. margin-top: 4px;
  52. }
  53. }
  54. .withdraw{
  55. margin: 16px;
  56. background-color: #fff;
  57. padding: 16px;
  58. .withdraw-head{
  59. display: flex;
  60. align-items: center;
  61. p{
  62. color:#999;
  63. }
  64. span{
  65. margin-left: 12px;
  66. }
  67. }
  68. .withdraw-main{
  69. border-top: 1px solid #f7f7f7;
  70. border-bottom: 1px solid #f7f7f7;
  71. margin: 16px 0;
  72. padding: 16px 0;
  73. .withdraw-input{
  74. margin-top: 32px;
  75. display: flex;
  76. align-items: center;
  77. font-size: 28px;
  78. /deep/.uni-input-input{
  79. font-size: 28px;
  80. }
  81. }
  82. }
  83. .withdraw-foot{
  84. display: flex;
  85. align-items: center;
  86. p{
  87. color:#999
  88. }
  89. span{
  90. color:#2979FF;
  91. margin-left: 16px;
  92. }
  93. }
  94. }
  95. .applyBtn{
  96. margin: 16px;
  97. }
  98. .applyBtn-btn{
  99. background-color: #185AC6;
  100. opacity: 0.5;
  101. border-color:#185AC6 ;
  102. border-radius: 8px;
  103. }
  104. </style>