<template>
	<view>
		<ujp-navbar title="交易结果">
			
		</ujp-navbar>
		<view class="icon">
			<img src="../../../assets/img/solid-circle-success.svg" alt="">
		</view>
		<view class="success-text">
			充值成功
		</view>
		<view class="success-number">
			200.00<text>元</text>
		</view>
		<view class="infos-group">
			<view class="item">
				<view class="title">
					开始计算收益
				</view>
				<view class="value">
					07-26 星期三
				</view>
			</view>
			<view class="item">
				<view class="title">
					收益到账	
				</view>
				<view class="value">
					07-27 星期四
				</view>
			</view>
			<view class="item">
				<view class="title">
					付款方式
				</view>
				<view class="value">
					微信支付
				</view>
			</view>
		</view>
		<button class="finish">完成</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background-color: #fff;
}
</style>
<style scoped lang="scss">
	.icon{
		width: 132rpx;
		height: 132rpx;
		margin: 72rpx auto;
		img{
			width: 100%;
			height: 100%;
		}
	}
	.success-text{
		color: rgba(51, 51, 51, 1);
		font-size: 40rpx;
		text-align: center;
		margin-top: 40rpx;
	}
	.success-number{
		color: rgba(16, 16, 16, 1);
		font-size: 72rpx;
		margin-top: 40rpx;
		text-align: center;
		text{
			font-size: 40rpx;
			margin-left: 4rpx;
		}
	}
	.infos-group{
		margin: 80rpx;
		.item{
			display: flex;
			justify-content: space-between;
			line-height: 60rpx;
			font-size: 32rpx;
			.title{
				color: rgba(102, 102, 102, 1);
				
			}
			.value{
				color: rgba(16, 16, 16, 1);
			}
		}
	}
	.finish{
		margin: 80rpx;
		height: 88rpx;
		line-height: 88rpx;
		border-radius: 50px;
		background-color: rgba(0, 185, 98, 1);
		color: rgba(255, 255, 255, 1);
		font-size: 36rpx;
	}
</style>