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>
|