<template>
	<view class="">
		<view class="main-left info_card">
			<image style="width: 91rpx;height: 91rpx;border-radius: 50%;margin-right: 25rpx;" src="https://t17.9026.com/web/statics/image/sale/1.png" mode=""></image>
			<view class="main-between-y">
				<view class="main-left name cross-center">周佳佳<image style="width: 21rpx;height: 29rpx;margin: 0 28rpx 0 7rpx;" src="https://t17.9026.com/web/statics/image/sale/sex0.png" mode=""></image>
				<!-- <image style="width: 21rpx;height: 29rpx;margin: 0 28rpx 0 7rpx;" src="https://t17.9026.com/web/statics/image/sale/sex1.png" mode=""></image> -->
					<image style="width: 96rpx;height: 31rpx;" src="https://t17.9026.com/web/statics/image/index/ysm.png" mode=""></image>
				</view>
				<view>15999999999</view>
			</view>
		</view>
		<view class="lp_info">
			<view class="title">楼盘信息</view>
			<view class="main-between item">
				<view class="left">区域信息</view>
				<view class="right">成都市xx区</view>
			</view>
			<view class="main-between item">
				<view class="left">楼盘名称</view>
				<view  class="right">某楼盘</view>
			</view>
			<view class="main-between item">
				<view class="left">楼盘性质</view>
				<view  class="right">住宅用房</view>
			</view>
			<view class="main-between item">
				<view class="left">户号</view>
				<view class="right">22号楼-2201</view>
			</view>
		</view>
		<u-popup v-model="show" mode="center" border-radius="14" @close="show = false">
			<view class="model">
				<view class="tei">是否确认并认证该用户楼盘信息？</view>
				<view class="main-between">
					<view class=" btn left">认证成功</view>
					<view class=" btn right">信息有误</view>
				</view>
				<view class="qx">取消认证</view>
			</view>
		</u-popup>
		<!-- <navigator url="" hover-class="navigator-hover"> -->
			<button class="addPro" type="default" @click="show=true">客户楼盘信息认证</button>
		<!-- </navigator> -->
	</view>
</template>

<script>
	import uPopup from '../../../components/basic-component/u-popup/u-popup.vue';
	export default {
		components:{
			uPopup
		},
		data() {
			return {
				show:true
			};
		}
	}
</script>

<style lang="scss" scoped>
	.model{
		width: 631rpx;
		height: 371rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		padding: 60rpx 40rpx 30rpx;
		.tei{
			font-size: 32rpx;
			font-weight: bold;
			color: #222222;
			text-align: center;
		}
		.btn{
			width: 256rpx;
			height: 80rpx;
			border-radius: 40rpx;
			font-size: 28rpx;
			font-weight: bold;
			text-align: center;
			line-height: 80rpx;
			margin: 45rpx 0 75rpx;
		}
		.left{
			background: #A18353;
			color: #FFFFFF;
		}
		.right{
			border: 2px solid #A18353;
			color: #A18353;
		}
		.qx{
			font-size: 32rpx;
			font-weight: bold;
			color: #999999;
			text-align: center;
		}
	}
	.addPro {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 100rpx;
		background: #999999;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	.info_card{
		width: 678rpx;
		height: 167rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		padding: 41rpx 38rpx;
		margin: 24rpx auto;
		.name{
			font-size: 40rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #222222;
		}
		.phone{
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #222222;
		}
	}
	.lp_info{
		width: 678rpx;
		height: auto;
		background: #FFFFFF;
		border-radius: 10rpx;
		padding: 31rpx 33rpx;
		margin: 0 auto;
		.title{
			font-size: 34rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #222222;
		}
		.item{
			height: 90rpx;
			line-height: 90rpx;
			.left{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
			}
			.right{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #222222;
			}
		}
	}
</style>
