|
|
@ -1,50 +1,67 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="purse"> |
|
|
<view class="purse"> |
|
|
<navbar title="立即提现" leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 水洗店 --> |
|
|
|
|
|
<view class="userShop"> |
|
|
|
|
|
<userShopCommission purse /> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="from-body"> |
|
|
|
|
|
<view>我要提现</view> |
|
|
|
|
|
<view class="from-line"> |
|
|
|
|
|
<input placeholder="请输入提现金额" /> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="from-line"> |
|
|
|
|
|
<input placeholder="请输入姓名" /> |
|
|
|
|
|
|
|
|
<navbar title="提现" leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
|
|
<view class="top-box"> |
|
|
|
|
|
<view class="top-one"> |
|
|
|
|
|
输入提现金额（元） |
|
|
</view> |
|
|
</view> |
|
|
<view class="from-line"> |
|
|
|
|
|
<input placeholder="请输入开户行" /> |
|
|
|
|
|
|
|
|
<view class="top-two"> |
|
|
|
|
|
<view>168.88</view> |
|
|
|
|
|
<view>全部提现</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="from-line"> |
|
|
|
|
|
<input placeholder="请输入银行卡卡号" /> |
|
|
|
|
|
|
|
|
<view class="top-three"> |
|
|
|
|
|
<view>可提现金额：</view> |
|
|
|
|
|
<view>168.88</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="mt56">提现说明</view> |
|
|
|
|
|
<view style="line-height: 45rpx; font-size: 24rpx;color: #666666;" v-html="notice"> |
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="middle"> |
|
|
|
|
|
<view class="middle-one">提现说明</view> |
|
|
|
|
|
<view style="padding-bottom: 20rpx;"> |
|
|
|
|
|
<view class="middle-two"> |
|
|
|
|
|
<view style="color: #A7D458;">1.</view> |
|
|
|
|
|
<view>说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本。</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="middle-two"> |
|
|
|
|
|
<view style="color: #A7D458;">2.</view> |
|
|
|
|
|
<view>说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本说明文本。</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<!-- <p>1、本次提现必须通过银行卡提现，暂不支持其他途径。</p> |
|
|
|
|
|
<p>2、如若遇到24小时提现未到账，请联系客服。</p> --> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="cell"> |
|
|
|
|
|
<view class="middle-one">提现记录</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<uv-cell-group> |
|
|
|
|
|
<uv-cell :center="true" :border="false" v-for="(item,index) in 10" :key="index"> |
|
|
|
|
|
<template v-slot:title> |
|
|
|
|
|
<text style="font-size: 28rpx;">提现</text> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template v-slot:label> |
|
|
|
|
|
<text style="font-size: 24rpx;color: #999; margin-top: 10rpx;">2024-11-12 12:56:48</text> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template v-slot:value> |
|
|
|
|
|
<view> |
|
|
|
|
|
<view style="font-size: 28rpx;">+56.6</view> |
|
|
|
|
|
<view style="font-size: 24rpx;color: #999; margin-top: 10rpx;">提现成功</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</template> |
|
|
|
|
|
</uv-cell> |
|
|
|
|
|
</uv-cell-group> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="b-fiexd"> |
|
|
<view class="b-fiexd"> |
|
|
<view class="button-submit">提交</view> |
|
|
|
|
|
|
|
|
<view class="button-submit">确定提现</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import userShopCommission from '@/components/userShop/userShopCommission.vue' |
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
|
|
|
userShopCommission, |
|
|
|
|
|
}, |
|
|
|
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
notice : '' |
|
|
|
|
|
|
|
|
notice: '' |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
@ -54,50 +71,95 @@ |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
.purse{ |
|
|
|
|
|
|
|
|
.purse { |
|
|
min-height: 100vh; |
|
|
min-height: 100vh; |
|
|
background-color: #ffffff; |
|
|
|
|
|
.from-body { |
|
|
|
|
|
padding: 40rpx 20rpx; |
|
|
|
|
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Bold; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
color: #333333; |
|
|
|
|
|
line-height: 40px; |
|
|
|
|
|
padding-bottom: 160rpx; |
|
|
|
|
|
|
|
|
|
|
|
.from-line { |
|
|
|
|
|
margin-top: 40rpx; |
|
|
|
|
|
|
|
|
background-color: #F3F3F3; |
|
|
|
|
|
|
|
|
|
|
|
.top-box { |
|
|
|
|
|
height: 370rpx; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
background-image: url(../static/home/2.png); |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
|
|
|
|
|
|
.top-one { |
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
color: #FFF; |
|
|
|
|
|
padding: 40rpx 20rpx 10rpx 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.top-two { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
margin: 10rpx; |
|
|
|
|
|
padding: 10rpx; |
|
|
|
|
|
background-color: #FFF; |
|
|
|
|
|
border-radius: 16rpx; |
|
|
|
|
|
|
|
|
|
|
|
view:nth-child(1) { |
|
|
|
|
|
font-size: 80rpx; |
|
|
|
|
|
color: #474747; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
view:nth-child(2) { |
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
color: #92D823; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
input { |
|
|
|
|
|
width: 612rpx; |
|
|
|
|
|
height: 90rpx; |
|
|
|
|
|
line-height: 90rpx; |
|
|
|
|
|
background: #F5F5F5; |
|
|
|
|
|
border-radius: 46rpx; |
|
|
|
|
|
|
|
|
|
|
|
padding: 0 50rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.top-three { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
color: #474747; |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
font-family: PingFang SC, PingFang SC-Regular; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
color: #333; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
view:nth-child(2) { |
|
|
|
|
|
color: #F53546; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.middle { |
|
|
|
|
|
margin: 0 20rpx; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
border-radius: 16rpx; |
|
|
|
|
|
margin-top: -70rpx; |
|
|
|
|
|
|
|
|
|
|
|
.middle-one { |
|
|
|
|
|
font-size: 34rpx; |
|
|
|
|
|
color: #474747; |
|
|
|
|
|
font-weight: 600; |
|
|
|
|
|
padding: 40rpx 20rpx 10rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.middle-two { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
margin: 20rpx; |
|
|
|
|
|
font-size: 26rpx; |
|
|
|
|
|
color: #A2A2A2; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cell { |
|
|
|
|
|
margin: 20rpx; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
border-radius: 16rpx; |
|
|
|
|
|
|
|
|
|
|
|
.middle-one { |
|
|
|
|
|
font-size: 34rpx; |
|
|
|
|
|
color: #474747; |
|
|
|
|
|
font-weight: 600; |
|
|
|
|
|
padding: 40rpx 20rpx 10rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.button-submit { |
|
|
.button-submit { |
|
|
width: 596rpx; |
|
|
width: 596rpx; |
|
|
height: 90rpx; |
|
|
height: 90rpx; |
|
|
line-height: 90rpx; |
|
|
line-height: 90rpx; |
|
|
background: $uni-color; |
|
|
background: $uni-color; |
|
|
border-radius: 46rpx; |
|
|
border-radius: 46rpx; |
|
|
|
|
|
|
|
|
margin: 20rpx auto; |
|
|
margin: 20rpx auto; |
|
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
font-family: PingFang SC, PingFang SC-Regular; |
|
|
font-family: PingFang SC, PingFang SC-Regular; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
@ -105,5 +167,4 @@ |
|
|
color: #ffffff; |
|
|
color: #ffffff; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
</style> |
|
|
</style> |
