提现

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>
-			<u-button type="primary" shape="circle" :custom-style="buttonStyle" @click="handleClick">提现</u-button>
-			<view class="line-view"></view>
-			<view class="rule-title">提现规则说明</view>
-			<view class="rule-content">1.提现金额：提现金额是指已完工订单通过平台审核后且达到合同账期的订单费用之总和。</view>
-			<view class="rule-content">2.提现到账时间为1-3个工作日，最终以银行结果为准</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>
+			<view class="rule-content">2.提现到账时间为1-3个工作日，最终以银行结果为准</view>
 		</view>
 	</view>
 </template>
@@ -22,43 +24,77 @@
 				amount: 0
 			}
 		},
-		computed: {
-			buttonStyle() {
-				return {
-					width: "400rpx",
-					height: "104rpx",
-					"font-size": "32rpx",
-					"font-weight": "bold",
-				};
-			},
-		},
-		methods: {
-			handleClick() {
-				
-			}
+		computed: {
+			buttonStyle() {
+				return {
+					width: "400rpx",
+					height: "104rpx",
+					"font-size": "32rpx",
+					"font-weight": "bold",
+				};
+			},
+		},
+		methods: {
+			handleClick() {
+
+			}
 		}
 	}
 </script>
 
-<style lang="scss" scoped>
-	.withdraw-view {
-		height: 100vh;
-		background-color: #F4F5F7;
-		.withdraw-content {
-			border-radius: 12rpx;
-			background-color: #FFFFFF;
+<style lang="scss" scoped>
+	.withdraw-view {
+		height: 100vh;
+		background-color: #F4F5F7;
+
+		.withdraw-content {
+			border-radius: 12rpx;
+			background-color: #FFFFFF;
 			padding: 100rpx 30rpx;
-			.line-view {
-				
-			}
-			.rule-title {
-				
-			}
-			.rule-content {
+			margin: 10rpx 30rpx 30rpx 30rpx;
+			
+			.withdraw-content-main {
+				text-align: center;
+				margin-bottom: 200rpx;
+				.amount-title {
+					font-size: 40rpx;
+					font-weight: bold;
+					color: #333333;
+				}
 				
+				.amount-text {
+					font-size: 72rpx;
+					font-weight: bold;
+					color: #2272FF;
+					margin-top: 60rpx;
+					margin-bottom: 60rpx;
+					.amount-symbol {
+						font-size: 36rpx;
+					}
+					
+				}
 			}
-		}
-		
-	}
-	
+			.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>