提现

src/pages/mine/wallet/index.vue

@@ -159,7 +159,7 @@
 					display: flex;
 					justify-content: space-between;
 					align-items: flex-end;
-
+					margin-top: 10rpx;
 					.survey-top-left {
 						font-size: 28rpx;
 
@@ -177,7 +177,7 @@
 					display: flex;
 					justify-content: space-between;
 					font-size: 24rpx;
-					margin-top: 60rpx;
+					margin-top: 50rpx;
 
 					.survey-bottom-account {
 						margin-top: 6rpx;

src/pages/mine/wallet/withdraw.vue

 <template>
 	<view class="withdraw-view">
-		<u-navbar back-icon-color="#333333" background="#F4F5F7" title="提现" titleColor="#333333"
-			:border-bottom="false"></u-navbar>
+		<u-navbar back-icon-color="#333333" background="#F4F5F7" title="提现" titleColor="#333333" :border-bottom="false">
+		</u-navbar>
 		<view class="withdraw-content">
-			<view></view>
-			<view></view>
+			<view class="withdraw-content-main">
+				<view class="amount-title">可提现金额</view>
+				<view class="amount-text"><text class="amount-symbol">￥</text>{{amount}}</view>
 				<u-button type="primary" shape="circle" :custom-style="buttonStyle" @click="handleClick">提现</u-button>
+			</view>
 			<view class="line-view"></view>
 			<view class="rule-title">提现规则说明</view>
 			<view class="rule-content">1.提现金额：提现金额是指已完工订单通过平台审核后且达到合同账期的订单费用之总和。</view>
@@ -44,21 +46,55 @@
 	.withdraw-view {
 		height: 100vh;
 		background-color: #F4F5F7;
+
 		.withdraw-content {
 			border-radius: 12rpx;
 			background-color: #FFFFFF;
 			padding: 100rpx 30rpx;
-			.line-view {
+			margin: 10rpx 30rpx 30rpx 30rpx;
 			
+			.withdraw-content-main {
+				text-align: center;
+				margin-bottom: 200rpx;
+				.amount-title {
+					font-size: 40rpx;
+					font-weight: bold;
+					color: #333333;
 				}
-			.rule-title {
 				
+				.amount-text {
+					font-size: 72rpx;
+					font-weight: bold;
+					color: #2272FF;
+					margin-top: 60rpx;
+					margin-bottom: 60rpx;
+					.amount-symbol {
+						font-size: 36rpx;
 					}
-			.rule-content {
 					
 				}
 			}
+			.line-view {
+				padding: 0 30rpx;
+				background-color: #F4F5F7;
+				height: 2rpx;
+			}
+
+			.rule-title {
+				font-size: 32rpx;
+				font-weight: bold;
+				color: #333333;
+				margin-top: 60rpx;
+				margin-bottom: 30rpx;
+			}
 
+			.rule-content {
+				font-size: 24rpx;
+				color: #666666;
+				margin-bottom: 20rpx;
+				line-height: 40rpx;
+			}
 		}
 
+	}
 </style>