User.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>个人中心</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  8. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  9. <meta http-equiv="pragma" content="no-cache">
  10. <meta http-equiv="Cache" content="no-cache">
  11. <meta http-equiv="cache-control" content="no-cache, must-revalidate">
  12. <meta http-equiv="expires" content="0">
  13. <meta name="viewport"
  14. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  15. <link rel="stylesheet" href="../../css/element.css">
  16. <link rel="stylesheet" href="../../css/style.css">
  17. <link rel="stylesheet" id="linkSource" href="../../css/base.css">
  18. <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  19. <script src="../../js/yz/init.js" type="text/javascript" charset="utf-8"></script>
  20. <script>
  21. checkLogin();
  22. </script>
  23. </head>
  24. <style type="text/css">
  25. *{
  26. margin: 0;
  27. padding: 0;
  28. }
  29. body {
  30. color: #fff;
  31. height: 100vh;
  32. background-color: #103151;
  33. }
  34. div,td {
  35. box-sizing: border-box;
  36. }
  37. .avtotar_img {
  38. width: 60px;
  39. height: 60px;
  40. border-radius: 50%;
  41. margin-right: 10px;
  42. background-size: 120%;
  43. background-color: #000;
  44. background-position: center 0;
  45. }
  46. .liBox {
  47. display: flex;
  48. justify-content: space-between;
  49. align-items: center;
  50. min-height: 50px;
  51. border-bottom: 1px solid rgba(125,125,125,0.4);
  52. }
  53. .quanbox {
  54. width: 20px;
  55. height: 20px;
  56. text-align: center;
  57. line-height: 20px;
  58. color: #fff;
  59. border-radius: 50%;
  60. border: 1px solid #fff;
  61. margin-right:6px;
  62. display: flex;
  63. align-items: center;
  64. justify-content: center;
  65. }
  66. .quanbox+div {
  67. font-size: 16px;
  68. }
  69. .layui-layer-ico{
  70. background: url(../images/cha.png) no-repeat !important;
  71. background-size: 80% 80% !important;
  72. }
  73. </style>
  74. <script type="text/javascript">
  75. </script>
  76. <body>
  77. <div class="topParen">
  78. <div class="topBox">
  79. <div>个人中心</div>
  80. </div>
  81. <div class="li_box" onclick="top.location.href='./UserInfo.html'">
  82. <div class="flex justify-between align-center">
  83. <div class="flex align-center">
  84. <div class="avtotar_img"></div>
  85. <div>
  86. <div class="text-lg" id="nickname">宇宙空间</div>
  87. <div class="margin-top-xs">
  88. <span class="layui-icon layui-icon-cellphone"></span>
  89. <span id="phone">15578679973</span>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="iconfont icon-right text-gray"></div>
  94. </div>
  95. <div class="text-gray padding-sm">
  96. 个签:<span id="sign">123136</span>
  97. </div>
  98. </div>
  99. <div class="li_box" style="padding: 0 12px;">
  100. <div class="flex align-center justify-between padding-tb br_b" id="feedback">
  101. <div class="flex align-center">
  102. <div class="flex align-center">
  103. <div class="quanbox"><span class="iconfont icon-qianbi" style="font-size: 12px;"></span></div>
  104. <div>意见反馈</div>
  105. </div>
  106. </div>
  107. <div class="iconfont icon-right text-gray"></div>
  108. </div>
  109. <div class="flex align-center justify-between padding-tb" onclick="top.location.href='./Setting.html'">
  110. <div class="flex align-center">
  111. <div class="quanbox"><span class="iconfont icon-shezhi1" style="font-size: 12px;"></span></div>
  112. <div>设置</div>
  113. </div>
  114. <div class="iconfont icon-right text-gray"></div>
  115. </div>
  116. </div>
  117. </div>
  118. </body>
  119. <script>
  120. var User_={};
  121. $(document).ready(function(){
  122. User_=JSON.parse(localStorage.getItem("_yz_TU"));
  123. $("#nickname").text(User_.nickName);
  124. $("#phone").text(User_.phonenumber);
  125. $("#sign").text(User_.remark);
  126. $(".avtotar_img").css("background-image","url(https://www.enstation.com"+User_.avatar+")");
  127. });
  128. $("#feedback").on("click","",function(){
  129. yzkj.open({
  130. offset: 'auto',
  131. area: ['85%', 'auto'],
  132. shadeClose:true,
  133. scrollbar: false,
  134. title: ["意见反馈","background-color: #1B2A47;color:#fff;border:none;"],
  135. content:"<div class=\"bg-theme padding text-sm text-grey\">反馈请发送邮箱至 911818873@qq.com 或访问uworkplace.cn留言 您的建议就是我们最大的动力!</div>",
  136. });
  137. })
  138. </script>
  139. </html>