提现
This commit is contained in:
parent
7b28ea6b5c
commit
b1edf72ca7
|
|
@ -10,20 +10,127 @@
|
|||
<view class="" style="width: 728rpx; height: 2rpx; background-color: #EBEBEB; margin: 40rpx auto 0;"></view>
|
||||
|
||||
|
||||
<view class=""
|
||||
style="width: 686rpx; height: 282rpx; box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.08); margin: 20rpx auto 0; background-color: white;">
|
||||
<view class="column"
|
||||
style="width: 686rpx; height: 282rpx; box-shadow: 0 0 18rpx rgba(0, 0, 0, 0.08); margin: 20rpx auto 0; background-color: white; border-radius: 10rpx;">
|
||||
|
||||
<view class="row">
|
||||
<view class="column" style="margin-top: 20rpx; margin-left: 24rpx;">
|
||||
<text style="font-size: 28rpx;">待提取收益（元）</text>
|
||||
<text style="font-size: 48rpx;">0.00</text>
|
||||
</view>
|
||||
<view class="column" style="margin-top: 20rpx; margin-left: auto; margin-right: 22rpx;">
|
||||
<text style="font-size: 28rpx;">已提取收益（元）</text>
|
||||
<text style="font-size: 48rpx;">0.00</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="center" @click="reflectShow = true"
|
||||
style="width: 640rpx; height: 76rpx; background-color: #00AC4E; border-radius: 48rpx; margin: 44rpx auto 0; font-size: 30rpx; color: #FFFFFF;">
|
||||
去提现
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="center" style="color: #00A2FF; font-size: 24rpx; margin: 20rpx;" @click="show = true">
|
||||
<text>点击查看收益规则＞＞</text>
|
||||
</view>
|
||||
|
||||
<view class="column"
|
||||
style="width: 686rpx; height: 744rpx; background-color: #FFFFFF; box-shadow: 0 0 18rpx rgba(0, 0, 0, 0.08); margin: 0 auto 0;">
|
||||
|
||||
<view class="row" style="width: 100%; height: 96rpx; background-color: #00AC4E;">
|
||||
<view class="center" style="flex: 1;" :style="setColor(0)" @click="clickTab(0)">
|
||||
收益记录
|
||||
</view>
|
||||
<view class="center" style="flex: 1;" :style="setColor(1)" @click="clickTab(1)">
|
||||
提现记录
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view v-if="currentIndex == 0" class="row" style="font-size: 28rpx; margin-top: 20rpx;">
|
||||
<view class="center" style="flex: 1;">时间</view>
|
||||
<view class="center" style="flex: 1;">房号/房名</view>
|
||||
<view class="center" style="flex: 1;">房费</view>
|
||||
<view class="center" style="flex: 1;">收益</view>
|
||||
</view>
|
||||
|
||||
<view v-else class="row" style="font-size: 28rpx; margin-top: 20rpx;">
|
||||
<view class="center" style="flex: 1;">时间</view>
|
||||
<view class="center" style="flex: 1;">提现金额</view>
|
||||
<view class="center" style="flex: 1;">状态</view>
|
||||
</view>
|
||||
|
||||
<view class="" v-if="currentIndex == 0" style="width: 100%; flex: 1; margin-top: 16rpx;">
|
||||
<view class="row" v-for="(item,index) in dataList"
|
||||
style="font-size: 28rpx; color: #555555; margin-bottom: 20rpx;">
|
||||
<view class="center" style="flex: 1;">2025/1/1</view>
|
||||
<view class="center" style="flex: 1;">305（大包）</view>
|
||||
<view class="center" style="flex: 1;">￥12</view>
|
||||
<view class="center" style="flex: 1;">￥0.12</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-else style="width: 100%; flex: 1; margin-top: 16rpx;">
|
||||
<view class="row" v-for="(item,index) in dataList"
|
||||
style="font-size: 28rpx; color: #555555; margin-bottom: 20rpx;">
|
||||
<view class="center" style="flex: 1;">2025/1/1</view>
|
||||
<view class="center" style="flex: 1;">￥12</view>
|
||||
<view class="center" style="flex: 1;">提现中</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<up-popup v-model:show="show" @close="close" @open="open" :round="10" mode="center" :closeable="true">
|
||||
<view style="width: 656rpx;">
|
||||
<view class="center" style="margin-top: 28rpx;">规则说明</view>
|
||||
<view class="center" style="width: 80%; margin: 44rpx auto 20rpx;">
|
||||
正文正文正文正文正文正文正文正文正文正文正文正
|
||||
文正文正文正文正文正文正文正文正文正文正文正文
|
||||
正文正文正文正文正文正文正文
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</up-popup>
|
||||
|
||||
<up-popup v-model:show="reflectShow" @close="close" @open="open" :round="10" mode="center" :closeable="true">
|
||||
<view style="width: 656rpx;">
|
||||
<view class="center" style="margin-top: 28rpx;">提现申请</view>
|
||||
<view class="center"
|
||||
style="width: 90%; height: 114rpx; margin: 26rpx auto 20rpx; background-color: rgba(0,172,78,0.37); border-radius: 30rpx;">
|
||||
<up-input placeholder="请输入要提现的金额" placeholderStyle="color:'#818181'" border="none"
|
||||
inputAlign="center" fontSize="32rpx" v-model="value"></up-input>
|
||||
</view>
|
||||
|
||||
<view class="row" style="width: 90%; margin: 0 auto 0;">
|
||||
<text style="font-size: 28rpx; color: #818181;">最高可提现0.00元</text>
|
||||
<text style="font-size: 28rpx; color: #00A2FF; margin-left: auto;">全部提现</text>
|
||||
</view>
|
||||
|
||||
<view class="center"
|
||||
style="width: 304rpx; height: 90rpx; background-color: #00AC4E; color: #FFFFFF; margin: 30rpx auto 0; font-size: 32rpx;">
|
||||
申请提现
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</up-popup>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
currentIndex: 0,
|
||||
show: false,
|
||||
reflectShow: false,
|
||||
dataList: [1, 2, 3, 4, 5, 6],
|
||||
value: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -33,6 +140,29 @@
|
|||
delta: 1
|
||||
})
|
||||
},
|
||||
|
||||
setColor(index) {
|
||||
if (this.currentIndex == index) {
|
||||
return {
|
||||
color: '#FFFFFF',
|
||||
}
|
||||
} else {
|
||||
return {
|
||||
color: '#686868',
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
clickTab(index) {
|
||||
this.currentIndex = index;
|
||||
},
|
||||
open() {
|
||||
|
||||
},
|
||||
close() {
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user