<template>
	<view class="content-view">
		<view class="headimage-view">
			<image class="headimage-view-image" src="../../static/settle/kefu@3x.png"></image>
			<text class="name-text">朱曼婷</text>
		</view>

		<view class="content-info">
			<view>
				<view class="content-info-title">深圳唯修汇科技有限公司</view>
				<view class="content-info-tip">长按二维码添加官方客服微信及时了解审核进度</view>
			</view>
			<view class="QRcode-view">
				<image class="content-info-QRcode" src="../../static/settle/erweima@3x.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {

		},
		data() {
			return {}
		}
	}
</script>

<style lang="scss" scoped>
	.content-view {
		background-color: #FFFFFF;
		width: 440rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		.headimage-view {
			position: relative;

			.headimage-view-image {
				width: 440rpx;
				height: 400rpx;
			}

			.name-text {
				position: absolute;
				bottom: 20rpx;
				left: 20rpx;
				color: #FFFFFF;
				font-size: 28rpx;
			}
		}

		.content-info {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			padding: 0rpx 12rpx 20rpx 12rpx;

			.content-info-title {
				font-size: 24rpx;
				color: #333333;
				margin-bottom: 10rpx;
			}

			.content-info-tip {
				font-size: 20rpx;
				color: #666666;
			}

			.QRcode-view {
				margin-left: 30rpx;
			}

			.content-info-QRcode {
				padding-top: 12rpx;
				width: 104rpx;
				height: 104rpx;
			}
		}
	}
</style>
