2021-8-27

pages.json

@@ -69,6 +69,30 @@
 				"navigationBarBackgroundColor":"#F1F1F1",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/user/transfer",
+			"style": {
+				"navigationBarTitleText": "佣金转账",
+				"navigationBarBackgroundColor":"#FFFFFF",
+				"navigationBarTextStyle":"black"	
+			}
+		},
+		{
+			"path": "pages/user/submit",
+			"style": {
+				"navigationBarTitleText": "提交成功",
+				"navigationBarBackgroundColor":"#FFFFFF",
+				"navigationBarTextStyle":"black"
+			}
+		},
+		{
+			"path": "pages/user/withdraw",
+			"style": {
+				"navigationBarTitleText": "提现",
+				"navigationBarBackgroundColor":"#FFFFFF",
+				"navigationBarTextStyle":"black"
+			}
 		},
 		{
 			"path": "pages/story/story",

pages/user/accounts.vue

@@ -5,11 +5,11 @@
 			<image src="../../static/img/img33.png" mode="scaleToFill"></image>
 			<!-- 我的佣金 -->
 			<view class="yongjin">
-				<image src="../../static/img/xiangxia.png" mode="scaleToFill"></image>
+				<image src="../../static/img/xiangzuo.png" mode="scaleToFill" @click.stop="back()"></image>
 				<view class="text">我的佣金</view>
 			</view>
 			<!-- 佣金转账 -->
-			<view class="accounts">
+			<view class="accounts" @click="nav('/pages/user/transfer')">
 				<view class="text">佣金转账</view>
 			</view>
 			<!-- 钱 -->
@@ -45,7 +45,7 @@
 			</swiper-item>
 		</swiper>
 		<view class="btm">
-			<view class="btn" @click="handclick">立即提现</view>
+			<view class="btn" @click="nav('/pages/user/withdraw')">立即提现</view>
 		</view>
 	</view>
 </template>
@@ -78,6 +78,16 @@
 			}
 		},
 		methods: {
+			nav (url) {
+				uni.navigateTo({
+					url
+				})
+			},
+			back(){
+				uni.navigateBack({
+					delta:1
+				})
+			},
 			handclick () {
 				console.log(123)
 			},
@@ -113,6 +123,7 @@
 				padding-top: 50rpx;
 				width: 100%;
 				position: absolute;
+				z-index: 10;
 				top: 0;
 				display: flex;
 				align-items: center;

pages/user/submit.vue

@@ -0,0 +1,57 @@
+<template>
+	<view class="container">
+			<image class="img" src="../../static/img/img34.png" mode="scaleToFill"></image>
+			<view class="text">提交成功</view>
+			<view class="btm">
+				<view class="btn">返回首页</view>
+			</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data () {
+		return {}
+	},
+	methods: {}
+}
+</script>
+
+<style lang="scss">
+	.container {
+		background-color: #fff;
+		width: 750rpx;
+		height: 1334rpx;
+		.img {
+			width: 300rpx;
+			height: 250rpx;
+			margin-top: 200rpx;
+			margin-left: 210rpx;
+		}
+		.text {
+			font-size: 40rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #333333;
+			line-height: 40rpx;
+			padding-left: 300rpx;
+		}
+		.btm {
+			width: 350rpx;
+			height: 80rpx;
+			background: #6EAB4E;
+			border-radius: 40rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			margin-left: 200rpx;
+			margin-top: 90rpx;
+			.btn {
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #FFFFFF;
+			}
+		}
+	}
+</style>

pages/user/transfer.vue

@@ -0,0 +1,133 @@
+<template>
+	<view class="container">
+		<!-- 佣金转账 -->
+		<!-- <view class="top-one">
+			<image src="../../static/img/xiangzuo.png" mode="scaleToFill"></image>
+			<view class="text">佣金转账</view>
+		</view> -->
+		<!-- 可转账佣金 -->
+		<view class="top-two">
+			<view class="count">360</view>
+			<view class="text">可转账佣金</view>
+		</view>
+		<view class="top-three">
+			<view class="text">收款入账户</view>
+				<input class="input" type="number" placeholder="请输入收款人账户"/>
+		</view>
+		<view class="top-four">
+			<view class="text">转账数量</view>
+			<view class="row">
+				<text class="tit">￥</text>
+				<input class="input" type="number" placeholder="请输入转账数量" />
+			</view>
+		</view>
+			<view class="btn" @click="nav('/pages/user/submit')" >提交申请</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data () {
+		return {
+		}
+	},
+	methods: {
+		nav (url) {
+			uni.navigateTo({
+				url
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+	.container {
+		background-color: #F2F3F5;
+		width: 750rpx;
+		height: 1334rpx;
+		.top-two {
+			margin-top: 20rpx;
+			height: 160rpx;
+			background-color: #fff;
+			.count {
+				width: 76rpx;
+				height: 34rpx;
+				font-size: 42rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #333333;
+				line-height: 110rpx;
+				margin: 0 auto;
+			}
+			.text {
+				width: 140rpx;
+				height: 26rpx;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #666666;
+				margin: 0 auto;
+				margin-top: 50rpx;
+			}
+		}
+		.top-three {
+			margin-top: 20rpx;
+			height: 160rpx;
+			background-color: #fff;
+			.text {
+				width: 150rpx;
+				height: 29rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: 400;
+				color: #333333;
+				line-height: 110rpx;
+				margin-left: 25rpx;
+			}
+			.input {
+				margin-top: 65rpx;
+				margin-left: 25rpx;
+			}
+		}
+		.top-four {
+			margin-top: 20rpx;
+			height: 160rpx;
+			background-color: #fff;
+			.text {
+				width: 150rpx;
+				height: 29rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: 400;
+				color: #333333;
+				line-height: 110rpx;
+				margin-left: 25rpx;
+			}
+			.row {
+				display: flex;
+				// justify-content: center;
+				margin-top: 65rpx;
+				margin-left: 20rpx;
+				.tit {
+					font-size: 30rpx;
+					font-family: PingFang SC;
+					font-weight: 400;
+					color: #333333;
+					margin-right: 10rpx;
+				}
+			}
+		}
+		.btn {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			width: 674rpx;
+			height: 90rpx;
+			background: linear-gradient(-35deg, #F8DD4F, #FBEB77);
+			border-radius: 44rpx;
+			margin-top: 138rpx;
+			margin-left: 38rpx;
+		}
+	}
+</style>

pages/user/withdraw.vue

@@ -0,0 +1,100 @@
+<template>
+	<view class="container">
+		<view class="header">
+			<view class="row-box">
+			<view class="title">可提现金额</view>
+				<view class="row">
+					<view class="tit">￥</view>
+					<view class="counts">1000.10</view>
+				</view>
+			</view>
+			<view class="row-box">
+			<view class="title">申请提现金额</view>
+				<view class="row">
+					<view class="tit">￥</view>
+					<view class="counts">1000</view>
+				</view>
+			</view>
+			<view class="buttom" @click="">全部提现</view>
+		</view>
+		<view class="conent">
+			<view class="text">提现到</view>
+			<view class="conent-box"></view>
+		</view>
+		</view>
+</template>
+
+<script>
+export default {
+	data () {
+		return {}
+	},
+	methods: {}
+}
+</script>
+
+<style lang="scss">
+	.header {
+		height: 330rpx;
+		background-color: #fff;
+		.row-box {
+			height: 130rpx;
+			width: 700rpx;
+			background-color: #fff;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			border-bottom: 1rpx solid #E6E6E6;
+			margin: 0 auto;
+			.title {
+				font-size: 32rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #333333;
+			}
+			.row {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				.counts {
+					font-size: 50rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 500;
+					color: #333333;
+				}
+			}
+		}
+		.buttom {
+			margin-top: 10rpx;
+			margin-left: 620rpx;
+			flex-direction: column;
+			width: 105rpx;
+			height: 25rpx;
+			font-size: 26rpx;
+			font-family: Source Han Sans CN;
+			font-weight: 400;
+			color: #FF4C4C;
+			line-height: 42rpx;
+		}
+	}
+	.conent {
+		margin-top: 20rpx;
+		height: 890rpx;
+		background-color: #fff;
+		.text {
+			font-size: 30rpx;
+			font-family: Source Han Sans CN;
+			font-weight: 400;
+			color: #333333;
+			padding-top: 20rpx;
+			margin-left: 20rpx;
+		}
+		.conent-box {
+			height: 130rpx;
+			width: 700rpx;
+			border-bottom: 1rpx solid #E6E6E6;
+			margin: 0 auto;
+		}
+	}
+	
+</style>