<template>
	<view class="page">
		<view class="wrap">
			<view class="info">
				<image class="avatar" src="../../static/avatar.jpg" mode=""></image>
				<view class="text">
					<view class="invite">
						<text class="name">Jane</text> 邀请你加入
					</view>
					<view class="com">宁德时代股份有限公司</view>
				</view>
			</view>
			<image class="qrcode" src="https://pic.baike.soso.com/p/20130307/20130307133645-1010261466.jpg" mode=""></image>
			<view class="tips">扫一扫，加入我们吧</view>
			<view class="warn">邀请二维码失效日期：2022年2月2日</view>
		</view>
	</view>
</template>

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

<style scoped lang="scss">
.wrap {
	padding: 20px 40px;
	margin: 60px 40px 0;
	text-align: center;
	background-color: #fff;
	.info {
		display: flex;
		align-items: center;
		text-align: left;
	}
	.avatar {
		width: 40px;
		height: 40px;
		margin-right: 10px;
		border-radius: 50%;
	}
	.invite {
		margin-bottom: 5px;
		font-size: 15px;
	}
	.name {
		font-size: 13px;
		color: $uni-primary;
	}
	.com {
		font-size: 13px;
	}
	.qrcode {
		width: 280px;
		height: 280px;
		margin-top: 20px;
	}
	.tips {
		margin: 10px 0 10px;
		font-size: 12px;
		color: #333;
	}
	.warn {
		font-size: 12px;
		color: #f00;
	}
}
</style>
