YQ-August
/
oldRuico


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache, must-revalidate">
		<meta http-equiv="expires" content="0">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../css/element.css">
		<link rel="stylesheet" href="../../css/style.css">
		<link rel="stylesheet" id="linkSource" href="../../css/base.css">
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yz/init.js" type="text/javascript" charset="utf-8"></script>
		<script>
			checkLogin();
		</script>
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body {
			color: #fff;
			height: 100vh;
			background-color: #103151;
		}
		div,td {
			box-sizing: border-box;
		}
		.avtotar_img {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			margin-right: 10px;
			background-size: 120%;
			background-position: center 0;
			background-color: #000;
		}
		.layui-layer-ico{
			background: url(../images/cha.png) no-repeat !important; 
			background-size: 80% 80% !important;
		}
		.layui-form-radio{
			margin: 0 15px;
		}
	</style>
	<body>
		<div class="topParen">
			<div class="topBox">
				<i class="iconfont icon-left" onclick="goBack(1)"></i>
				<div id="tit_name">用户信息</div>
			</div>
			<div class="li_box" style="padding:0 15px;">
				<div class="br_b flex justify-between align-center padding-tb-sm">
					<div class="text-lg">头像</div>
					<div class="flex align-center">
						<!-- <div class="avtotar_box"> -->
							<div class="avtotar_img"></div>
						<!-- </div> -->
					</div>
				</div>
				<div class="br_b flex justify-between align-center padding-tb">
					<div class="text-lg">昵称</div>
					<div id="nickname" class="text-gray">yzkj</div>
				</div>
				<div class="br_b flex justify-between align-center padding-tb">
					<div class="text-lg">账号</div>
					<div id="usrname" class="text-gray">yzkj</div>
				</div>
				<div class="br_b flex justify-between align-center padding-tb">
					<div class="text-lg">签名</div>
					<div id="sign" class="text-gray">123456</div>
				</div>
				<div class="br_b flex justify-between align-center padding-tb" id="sex">
					<div class="text-lg">性别</div>
					<div class="text-gray">
						<span class="text-blue">♂</span>
						<span class="text-red">♀</span>
					</div>
				</div>
				<div class="br_b flex justify-between align-center padding-tb">
					<div class="text-lg">电话</div>
					<div id="phone" class="text-gray">15512563312</div>
				</div>
				<div class="flex justify-between align-center padding-tb">
					<div class="text-lg">邮箱</div>
					<div id="email" class="text-gray">1234567891@qq.com</div>
				</div>
			</div>
		</div>
	</body>
	<script>
		var User_={};
		$(document).ready(function(){
			User_=JSON.parse(localStorage.getItem("_yz_TU"));
			$("#usrname").text(User_.nickName);
			$("#sign").text(User_.remark);
			if(User_.sex==0){
				$("#sex .text-blue").css("display","block");
				$("#sex .text-red").css("display","none");
			}else{
				$("#sex .text-blue").css("display","none");
				$("#sex .text-red").css("display","block");
			}
			$("#phone").text(User_.phonenumber);
			$("#email").text(User_.email);
			$(".avtotar_img").css("background-image","url(https://www.enstation.com"+User_.avatar+")");
		})
		$(document).on("click",".avtotar_img",function(){
			let _src = $(this).css("backgroundImage").split('"')[1];
			var imgHtml = "<img src='" + _src + "' width='100%'/>";  
			yzkj.open({
				area: ["100%", "auto"],
				id: 'layerDemo6',
				content: imgHtml,
			})
			$(document).on("click",".mask img",function(){
				$(".mask").remove();
			})
		})
	</script>
</html>