zhengyi/pages/user/transfer.vue

<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>