13 changed files with 125 additions and 195 deletions
-
6src/pages.json
-
4src/pages/index/index.vue
-
BINsrc/static/images/icon/index/tab_11.png
-
1src/store/index.js
-
8src/subpackage/wallet/components/dy_withdraw_apply.vue
-
37src/subpackage/wallet/components/filtrate_bar.vue
-
82src/subpackage/wallet/components/time_selection.vue
-
56src/subpackage/wallet/components/top_up.vue
-
18src/subpackage/wallet/pages/baofu_withdraw/modules/baofu_item.vue
-
6src/subpackage/wallet/pages/douyin_withdraw/index.vue
-
79src/subpackage/wallet/pages/douyin_withdraw/record.vue
-
3src/subpackage/wallet/pages/index/index.vue
-
20src/subpackage/wallet/pages/index/recharge_record.vue
After Width: 52 | Height: 52 | Size: 792 B |
@ -1,82 +0,0 @@ |
|||||
<template> |
|
||||
<view class="time-selection"> |
|
||||
<view class="ts-left"> |
|
||||
<picker class="tl-class"> |
|
||||
<view class="tl-frame"> |
|
||||
<input type="text" class="tf-time" disabled value="2021-12-12"> |
|
||||
<image class="tf-icon"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
<view class="tl-txt">至</view> |
|
||||
<picker class="tl-class"> |
|
||||
<view class="tl-frame"> |
|
||||
<input type="text" class="tf-time" disabled value="2021-12-12"> |
|
||||
<image class="tf-icon"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<view class="ts-right"> |
|
||||
<text class="tr-txt">筛选</text> |
|
||||
<image class="tr-icon"></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
|
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.time-selection{ |
|
||||
padding: 26upx 24upx; |
|
||||
background: #fff; |
|
||||
@include ctf(space-between); |
|
||||
.ts-left{ |
|
||||
@include ctf; |
|
||||
.tl-class{ |
|
||||
flex-shrink: 0; |
|
||||
} |
|
||||
.tl-frame{ |
|
||||
flex-shrink: 0; |
|
||||
padding: 0 16upx; |
|
||||
height: 92upx; |
|
||||
width: 240upx; |
|
||||
border-radius: 10upx; |
|
||||
background: #F2F2F7; |
|
||||
@include ctf(space-between); |
|
||||
.tf-time{ |
|
||||
flex-grow: 1; |
|
||||
box-sizing: border-box; |
|
||||
height: 100%; |
|
||||
@include flcw(28upx, 40upx, #1A1A1A); |
|
||||
} |
|
||||
.tf-icon{ |
|
||||
margin-left: 4upx; |
|
||||
flex-shrink: 0; |
|
||||
width: 20upx; |
|
||||
height: 20upx; |
|
||||
background: skyblue; |
|
||||
} |
|
||||
} |
|
||||
.tl-txt{ |
|
||||
margin: 0 18upx; |
|
||||
@include flcw(32upx, 44upx, #1A1A1A); |
|
||||
} |
|
||||
} |
|
||||
.ts-right{ |
|
||||
@include ctf(flex-end); |
|
||||
.tr-txt{ |
|
||||
margin-right: 12upx; |
|
||||
@include flcw(28upx, 40upx, #9C9C9F); |
|
||||
} |
|
||||
.tr-icon{ |
|
||||
flex-shrink: 0; |
|
||||
width: 40upx; |
|
||||
height: 40upx; |
|
||||
background: skyblue; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
@ -1,56 +0,0 @@ |
|||||
<template> |
|
||||
<wallet-modal title="充值"> |
|
||||
<view class="top-up"> |
|
||||
<view class="tu-txt"> |
|
||||
可提现资金: |
|
||||
<text class="bt-price">399.63元</text> |
|
||||
</view> |
|
||||
|
|
||||
<input type="text" class="bw-ipt"> |
|
||||
|
|
||||
<view class="tu-btns"> |
|
||||
<wm-button>取消</wm-button> |
|
||||
<wm-button green>确认</wm-button> |
|
||||
</view> |
|
||||
</view> |
|
||||
</wallet-modal> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import walletModal from './wallet_modal.vue'; |
|
||||
import wmButton from './wm_button.vue'; |
|
||||
export default { |
|
||||
components: { |
|
||||
'wallet-modal': walletModal, |
|
||||
'wm-button': wmButton |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.top-up{ |
|
||||
padding: 60upx 50upx 0; |
|
||||
.tu-txt{ |
|
||||
@include flcw(28upx, 48upx, #1A1A1A); |
|
||||
.bt-price{ |
|
||||
color: $mColor; |
|
||||
} |
|
||||
} |
|
||||
.bw-ipt{ |
|
||||
box-sizing: border-box; |
|
||||
width: 100%; |
|
||||
margin-top: 20upx; |
|
||||
height: 108upx; |
|
||||
border-radius: 10upx; |
|
||||
padding: 0 20upx; |
|
||||
font-size: 32upx; |
|
||||
color: #1A1A1A; |
|
||||
background: #F2F2F7; |
|
||||
} |
|
||||
|
|
||||
.tu-btns{ |
|
||||
margin-top: 80upx; |
|
||||
@include ctf(space-between); |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
@ -1,20 +0,0 @@ |
|||||
<template> |
|
||||
<view class="recharge-record"> |
|
||||
<time-selection></time-selection> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import timeSelection from '../../components/time_selection.vue'; |
|
||||
export default { |
|
||||
components: { |
|
||||
'time-selection': timeSelection |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.recharge-record{ |
|
||||
|
|
||||
} |
|
||||
</style> |
|
Write
Preview
Loading…
Cancel
Save
Reference in new issue