You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
2.3 KiB
123 lines
2.3 KiB
<template>
|
|
<!-- <div>提现</div> -->
|
|
<view class="box">
|
|
<view class="top" :style="{ borderRadius: '16rpx' }">
|
|
<view class="">
|
|
提现金额
|
|
</view>
|
|
<view class="level">
|
|
<view class="money level">
|
|
<text>¥</text>
|
|
<input type="text" />
|
|
</view>
|
|
<!-- <DForm :list="state. " @submit="handleSubmit" /> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="center">
|
|
<view class="text">
|
|
提现说明
|
|
</view>
|
|
<view>
|
|
1、单日提现次数上限为5次;·单笔提现上限200元;
|
|
</view>
|
|
<view>
|
|
2、直接提现至微信账户，无法提现至支付宝;
|
|
</view>
|
|
<view class="buttom level" :style="{ borderRadius: '41rpx' }">
|
|
提现
|
|
</view>
|
|
</view>
|
|
<view class="">
|
|
<!-- <u-popup :show="show" mode="center" @close="close" @open="open"> -->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
reactive
|
|
} from "vue";
|
|
import DForm from "@/components/dForm/index.vue"
|
|
|
|
const state = reactive({
|
|
list: [{
|
|
type: "input",
|
|
key: "提现金额",
|
|
placeholder: "请输入提现金额",
|
|
}, ]
|
|
})
|
|
|
|
const handleSubmit = (val) => {
|
|
console.log("获取参数", val)
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.box {
|
|
width: 750rpx;
|
|
height: 180rpx;
|
|
background-image: linear-gradient(to bottom, #FFBF60, #FFFFFF);
|
|
padding: 60rpx 24rpx 0 24rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.top {
|
|
width: 702rpx;
|
|
height: 227rpx;
|
|
background-color: #FFFFFF;
|
|
padding: 24rpx 34rpx 0 34rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.money {
|
|
width: 550rpx;
|
|
height: 71rpx;
|
|
/* background-color: #FFBF60; */
|
|
color: #FFBF60 !important;
|
|
font-size: 54rpx !important;
|
|
;
|
|
height: 71rpx;
|
|
/* background-color: #FFBF60; */
|
|
color: #FFBF60 !important;
|
|
font-size: 54rpx !important;
|
|
margin: 3% 0 0 5%;
|
|
}
|
|
|
|
.money input {
|
|
margin-left: 5%;
|
|
font-size: 61rpx;
|
|
height: 71rpx;
|
|
}
|
|
|
|
.center {
|
|
width: 100%;
|
|
height: 1265rpx;
|
|
background-color: #FFFFFF;
|
|
font-size: 30rpx;
|
|
color: #707070;
|
|
padding: 84rpx 0 0 54rpx;
|
|
box-sizing: border-box;
|
|
line-height: 45rpx;
|
|
}
|
|
|
|
.text {
|
|
color: #000000;
|
|
font-weight: 700;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.buttom {
|
|
width: 544rpx;
|
|
height: 89rpx;
|
|
background-color: #FFBF60;
|
|
color: #FFFFFF;
|
|
font-size: 28rpx;
|
|
line-height: 89rpx;
|
|
margin: 800rpx 0 0 50rpx;
|
|
justify-content: center;
|
|
}
|
|
|
|
.level {
|
|
display: flex;
|
|
}
|
|
</style>
|