<template>
	<view class="container">
		<view class="info u-line-1" >
			<image class="avatar" src="/static/avatar.png" mode="" />
			章三章三章三
		</view>
		<view class="cont-box">
			<view class="my-title">
				<image class="cup" src="/static/cup.png" mode="" />
				我的战报</view>
			<view class="top-tabs">
				<view class="tab">
					<view class="number">2</view>
					新增成交/单
				</view>
				<view class="tab">
					<view class="number">32</view>
					新增客户/位
				</view>
				<view class="tab">
					<view class="number">12</view>
					新增带看/位
				</view>
				<view class="tab">
					<view class="number">22</view>
					新增代理合同/单
				</view>
				<view class="tab">
					<view class="number">42</view>
					新增客户跟进/位
				</view>
				<view class="tab">
					<view class="number">12</view>
					新增拜访/位
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {};
		},
		onLoad(options) {
		},
		onShow() {
		
		},
		methods: {
			
		},

	};
</script>

<style lang="scss" scoped>
.container{
	width: 100%;
	height: 100vh;
	background: url('https://static.quhouse.com/26c187820b534a47a60c46663d480547.png') no-repeat #F8F8F8;;
	background-size: contain;
	padding: 40rpx 0;
	.info{
		padding: 0 48rpx;
		display: flex;
		align-items: center;
		font-size: 30rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 42rpx;
		.avatar{
			width: 100rpx;
			height: 100rpx;
			flex: 0 0 100rpx;
			border-radius: 50%;
			border: 2rpx solid #FFFFFF;
			margin-right: 24rpx;
		}
	}
	.cont-box{
		width: 690rpx;
		height: 376rpx;
		background: url('https://static.quhouse.com/85043277616540cea74cc69d200bf369.png')no-repeat;
		background-size: contain;
		margin: 40rpx 30rpx;
		padding-top: 26rpx;
		.my-title{
			display: flex;
			align-items: center;
			height: 44rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #303030;
			line-height: 44rpx;
			margin-bottom: 34rpx;
			padding-left: 30rpx;
			.cup{
				width: 40rpx;
				height: 40rpx;
				margin-right: 12rpx;
			}
		}
		.top-tabs{
			width: 690rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			.tab{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				font-size: 26rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 36rpx;
				margin-bottom: 30rpx;
				width: 33.333%;
				.number{
					height: 56rpx;
					font-size: 40rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 56rpx;
					margin-bottom: 6rpx;
				}

			}
		}
	}

}
</style>
