<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title th:text="${application.website.name}"></title> <meta name="keywords" th:content="${application.website.keyword}"/> <meta name="description" th:content="${application.website.description}"/> <div th:include="mobile/common/css :: css"></div> <style> .line-limit-length { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .layui-nav .layui-nav-item { position: relative; display: inline-block; vertical-align: middle; line-height: 50px; } body ul.layui-nav li.layui-nav-item a { display: block; transition: all .3s; -webkit-transition: all .3s; } .user_link { position: relative; display: inline-block; vertical-align: middle; line-height: 50px; padding: 0 20px; color: #fff; float: right; } .user_link a { color: #fff; } .user_big_head { width: 80px; height: 80px; border-radius: 50%; } </style> </head> <body> <div id="body"> <!-- 你的HTML代码 --> <div style="height: 50px;line-height: 50px;text-align: center" class="layui-header header header-doc layui-bg-cyan"> <div style="width:10%;float: left;margin-left: 10px"> <a href="javascript:history.go(-1)"> <i style="font-size: 20px;color: #fff;" class="layui-icon"></i></a> </div> <b class="layui-icon">用户中心</b> <div style="width:10%;float: right;margin-right: 10px"><a href="/"> <i style="font-size: 20px;color: #fff;" class="layui-icon"></i> </a> </div> </div> <div class="layui-colla-item"> <div class="layui-container" style="padding: 50px;text-align: center"> <img id="imgLogo" class="user_big_head" src="/images/man.png"> <div style="padding: 10px;font-size: 18px"><span id="my_name">梦入神机</span> <svg id="boyIcon" style="display: none" t="1693635090733" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8815" width="15" height="15"> <path d="M872.335 421.516V151.71H602.528L702.949 252.13 601.4 353.68c-46.47-32.81-103.174-52.091-164.385-52.091-157.595 0-285.351 127.756-285.351 285.35S279.421 872.29 437.014 872.29s285.352-127.755 285.352-285.35c0-57.78-17.19-111.537-46.711-156.47l102.818-102.814 93.862 93.861zM437.015 782.18c-107.827 0-195.24-87.413-195.24-195.24s87.413-195.24 195.24-195.24 195.24 87.413 195.24 195.24-87.413 195.24-195.24 195.24z" fill="#1296DB" p-id="8816"></path> </svg> <svg id="girlIcon" style="display: none" t="1693635698738" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3685" width="15" height="15"> <path d="M513 636.1c-76.4 0-148.2-29.7-202.2-83.8-54-54-83.8-125.8-83.8-202.2s29.7-148.2 83.8-202.2c54-54 125.8-83.8 202.2-83.8s148.2 29.7 202.2 83.8c54 54 83.8 125.8 83.8 202.2s-29.7 148.2-83.8 202.2c-54 54.1-125.8 83.8-202.2 83.8z m0-515.9c-61.4 0-119.2 23.9-162.6 67.4C307 231 283 288.7 283 350.1s23.9 119.2 67.4 162.6 101.2 67.4 162.6 67.4 119.2-23.9 162.6-67.4S743 411.6 743 350.1 719 231 675.6 187.5c-43.4-43.4-101.2-67.3-162.6-67.3z" fill="#d4237a" p-id="3686"></path> <path d="M671.4 712.1H544.7v-104h-56v104H362c-15.5 0-28 12.5-28 28s12.5 28 28 28h126.7v163.3c0 15.5 12.5 28 28 28s28-12.5 28-28V768.1h126.7c15.5 0 28-12.5 28-28s-12.5-28-28-28z" fill="#d4237a" p-id="3687"></path> </svg> </div> <div style="padding: 5px;">账户余额:<span id="accountBalance" style="color: #f80">3000</span> 屋币</div> </div> </div> <div style="clear: both"></div> <a href="/pay/index.html"> <div style="background-color:#fafafa;text-align: left;padding:20px 10px 30px;color: #000;font-size: 16px"> <div style="float: left;"> <svg t="1697073258970" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4079" width="25px" height="25px"> <path d="M768 30.72 283.306667 30.72c-51.2 0-98.986667 44.373333-98.986667 98.986667l0 747.52c0 51.2 44.373333 95.573333 98.986667 95.573333l300.373333 0c0 0 71.68 0 116.053333 23.893333 3.413333 0 3.413333 3.413333 6.826667 3.413333 6.826667 0 10.24-3.413333 13.653333-6.826667 3.413333-6.826667 0-17.066667-6.826667-20.48-51.2-30.72-126.293333-30.72-129.706667-30.72L283.306667 942.08c-37.546667 0-64.853333-30.72-64.853333-64.853333L218.453333 129.706667c0-37.546667 30.72-64.853333 64.853333-64.853333l484.693333 0c37.546667 0 68.266667 30.72 68.266667 64.853333l0 747.52c0 37.546667-30.72 64.853333-68.266667 64.853333-6.826667 0-17.066667 6.826667-17.066667 17.066667s6.826667 17.066667 17.066667 17.066667c51.2 0 98.986667-44.373333 98.986667-95.573333L866.986667 129.706667C866.986667 78.506667 819.2 30.72 768 30.72z" fill="#ff8800" p-id="4080"></path> <path d="M604.16 102.4 443.733333 102.4c-6.826667 0-17.066667 6.826667-17.066667 17.066667S436.906667 136.533333 443.733333 136.533333l160.426667 0c6.826667 0 17.066667-6.826667 17.066667-17.066667S610.986667 102.4 604.16 102.4z" fill="#ff8800" p-id="4081"></path> <path d="M344.746667 307.2c-6.826667 6.826667-6.826667 17.066667 0 20.48l81.92 81.92c3.413333 3.413333 6.826667 3.413333 10.24 3.413333s6.826667 0 10.24-3.413333c6.826667-6.826667 6.826667-17.066667 0-20.48L365.226667 307.2C358.4 300.373333 351.573333 300.373333 344.746667 307.2z" fill="#ff8800" p-id="4082"></path> <path d="M604.16 409.6c3.413333 3.413333 6.826667 3.413333 10.24 3.413333s6.826667 0 10.24-3.413333l81.92-81.92c6.826667-6.826667 6.826667-17.066667 0-20.48s-17.066667-6.826667-20.48 0l-81.92 81.92C597.333333 395.946667 597.333333 402.773333 604.16 409.6z" fill="#ff8800" p-id="4083"></path> <path d="M716.8 460.8c6.826667 0 17.066667-6.826667 17.066667-17.066667s-6.826667-17.066667-17.066667-17.066667L334.506667 426.666667c-6.826667 0-17.066667 6.826667-17.066667 17.066667s6.826667 17.066667 17.066667 17.066667L512 460.8l0 105.813333L334.506667 566.613333c-6.826667 0-17.066667 6.826667-17.066667 17.066667s6.826667 17.066667 17.066667 17.066667L512 600.746667l0 139.946667c0 6.826667 6.826667 17.066667 17.066667 17.066667s17.066667-6.826667 17.066667-17.066667l0-139.946667L716.8 600.746667c6.826667 0 17.066667-6.826667 17.066667-17.066667s-6.826667-17.066667-17.066667-17.066667l-174.08 0 0-105.813333L716.8 460.8z" fill="#ff8800" p-id="4084"></path> </svg> </div> <div style="float: left; margin-left: 20px">充值</div> <div style="float: right; margin-right: 20px"><i style="font-size: 14px;color:#666" class="layui-icon"></i> </div> </div> </a> <a href="/user/favorites.html"> <div style="background-color:#fafafa;text-align: left;padding:30px 10px;color: #000;font-size: 16px"> <div style="float: left;"> <svg t="1693622464904" class="icon" viewBox="0 0 1097 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3653" width="25px" height="25px"> <path d="M998.58390632 852.14701166H126.84569332A41.51236 41.51236 0 0 0 85.33333332 893.65937166v62.26854a41.51236 41.51236 0 0 0 41.51236 41.51236h871.738213a41.51236 41.51236 0 0 0 41.51236-41.51236v-62.26854a41.51236 41.51236 0 0 0-41.51236-41.51236z m-29.293426 83.014048h-813.172704a8.537246 8.537246 0 0 1-8.537246-8.537246v-3.681687a8.537246 8.537246 0 0 1 8.537246-8.537247h813.172704a8.537246 8.537246 0 0 1 8.537246 8.537247v3.681687a8.537246 8.537246 0 0 1-8.537246 8.537246zM126.84569332 810.63465166h124.537079a41.51236 41.51236 0 0 0 41.51236-41.51236V229.47228566a41.51236 41.51236 0 0 0-41.51236-41.51236H126.84569332A41.51236 41.51236 0 0 0 85.33333332 229.47228566v539.650006a41.51236 41.51236 0 0 0 41.51236 41.51236zM156.72605532 246.49342066h64.883071a12.805869 12.805869 0 0 1 12.805869 12.805869v479.995998a12.805869 12.805869 0 0 1-12.805869 12.80587H156.72605532a12.805869 12.805869 0 0 1-12.80587-12.80587V259.29928966a12.805869 12.805869 0 0 1 12.80587-12.805869z m239.939305 564.141231h124.53708a41.51236 41.51236 0 0 0 41.51236-41.51236V278.62548066l291.653674 510.335237 0.266789 0.480221a41.619075 41.619075 0 0 0 56.826045 15.527116l107.932136-62.962191A42.600859 42.600859 0 0 0 1034.18422332 684.02729066L727.73976932 147.49337866l-0.266789-0.48022a41.619075 41.619075 0 0 0-56.826045-15.527116l-107.932135 62.962191V84.17902666A41.51236 41.51236 0 0 0 521.20244032 42.66666666h-124.53708a41.51236 41.51236 0 0 0-41.51236 41.51236v684.943265a41.51236 41.51236 0 0 0 41.51236 41.51236z m296.295802-597.938055a3.735045 3.735045 0 0 1 5.122348 1.376631l259.841761 454.608363a12.805869 12.805869 0 0 1-4.663471 17.415982l-56.271124 32.825712a12.805869 12.805869 0 0 1-17.544041-4.663471L624.11894332 267.59109066a12.805869 12.805869 0 0 1 4.663471-17.415983zM426.49236432 101.20016166h64.883072a12.805869 12.805869 0 0 1 12.805869 12.805869v625.289257a12.805869 12.805869 0 0 1-12.805869 12.80587h-64.883072a12.805869 12.805869 0 0 1-12.805869-12.80587V114.00603066a12.805869 12.805869 0 0 1 12.805869-12.805869z m0 0" p-id="3654" fill="#ff8800"></path> </svg> </div> <div style="float: left; margin-left: 20px">我的书架</div> <div style="float: right; margin-right: 20px"><i style="font-size: 14px;color:#666" class="layui-icon"></i> </div> </div> </a> <a href="/user/read_history.html"> <div style="background-color:#fafafa;text-align: left;padding:30px 10px 50px;color: #000;font-size: 16px"> <div style="float: left;"> <svg t="1693621172669" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1877" width="25px" height="25px"> <path d="M876.8 709.12H738.56V591.36c0-15.36-10.24-25.6-25.6-25.6-15.36 0-25.6 10.24-25.6 25.6v143.36c0 15.36 10.24 25.6 25.6 25.6H876.8c15.36 0 25.6-10.24 25.6-25.6s-12.8-25.6-25.6-25.6zM705.28 463.36c-153.6 0-279.04 125.44-279.04 279.04 0 153.6 125.44 279.04 279.04 279.04 153.6 0 279.04-125.44 279.04-279.04 0-153.6-125.44-276.48-279.04-279.04z m0 506.88c-125.44 0-227.84-102.4-227.84-227.84s102.4-227.84 227.84-227.84 227.84 102.4 227.84 227.84c-2.56 128-102.4 227.84-227.84 227.84z m25.6-622.08c0-15.36-10.24-25.6-25.6-25.6h-473.6c-15.36 0-25.6 10.24-25.6 25.6 0 15.36 10.24 25.6 25.6 25.6h473.6c12.8 0 25.6-10.24 25.6-25.6z m-307.2 207.36c0-15.36-10.24-25.6-25.6-25.6h-166.4c-15.36 0-25.6 10.24-25.6 25.6s10.24 25.6 25.6 25.6h166.4c15.36 0 25.6-12.8 25.6-25.6z m-192 153.6c-15.36 0-25.6 10.24-25.6 25.6s10.24 25.6 25.6 25.6h128c15.36 0 25.6-10.24 25.6-25.6s-10.24-25.6-25.6-25.6h-128zM482.56 972.8H90.88V51.2h174.08v38.4c0 33.28 25.6 64 58.88 64 12.8 0 343.04 2.56 373.76 0 33.28 0 58.88-28.16 56.32-61.44v-38.4H928v437.76c0 15.36 10.24 25.6 25.6 25.6 15.36 0 25.6-10.24 25.6-25.6V28.16c0-15.36-10.24-25.6-25.6-25.6H728.32c-15.36 0-25.6 10.24-25.6 25.6v64c0 7.68-5.12 12.8-10.24 12.8H326.4c-7.68 0-12.8-5.12-12.8-12.8V25.6C313.6 10.24 303.36 0 288 0H65.28c-15.36 0-25.6 10.24-25.6 25.6v972.8c0 15.36 10.24 25.6 25.6 25.6h417.28c15.36 0 25.6-10.24 25.6-25.6 0-15.36-12.8-25.6-25.6-25.6zM395.52 51.2h230.4c15.36 0 25.6-10.24 25.6-25.6 0-15.36-10.24-25.6-25.6-25.6h-230.4c-15.36 0-25.6 10.24-25.6 25.6 0 15.36 12.8 25.6 25.6 25.6z" fill="#ff8800" p-id="1878"></path> </svg> </div> <div style="float: left; margin-left: 20px">阅读历史</div> <div style="float: right; margin-right: 20px"><i style="font-size: 14px;color:#666" class="layui-icon"></i> </div> </div> </a> <!--<a href="/user/comment.html"> <blockquote class="layui-elem-quote" style="background-color:#fafafa;border-left:0px;margin-bottom: 0px;text-align: left;padding:15px 10px;color: #000;font-size: 18px"> <i style="font-size: 25px;padding-right: 20px;color:#f80" class="layui-icon"> </i> 我的书评 <div style="float: right; margin-right: 20px"><i style="font-size: 14px;color:#666" class="layui-icon"></i> </div> </blockquote> </a>--> <a href="javascript:logout()"> <blockquote class="layui-elem-quote" style="background-color:#fafafa;border-left:0px;margin-top:10px;margin-bottom: 10px;text-align: center;padding:15px 10px;color: #f80;font-size: 16px"> 退出登录 </blockquote> </a> </div> <div th:replace="mobile/common/footer :: footer"> </div> </body> <div th:replace="mobile/common/js :: js"> </div> <script> $("#body").css("min-height", ($(window).height() - 50) + "px") //查询用户信息 $.ajax({ type: "get", url: "/user/userInfo", data: {}, dataType: "json", success: function (data) { if (data.code == 200) { if (data.data.userPhoto) { $("#imgLogo").attr("src", data.data.userPhoto); } if (data.data.nickName) { $("#my_name").html(data.data.nickName); } else { $("#my_name").html(data.data.username); } if (data.data.userSex === '0') { $("#boyIcon").css("display", "inline") } if (data.data.userSex === '1') { $("#girlIcon").css("display", "inline") } $("#accountBalance").html(data.data.accountBalance); } else if (data.code == 1001) { //未登录 location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href); } else { layer.alert(data.msg); } }, error: function () { layer.alert('网络异常'); } }) function moreNewBooks(event) { window.location.href = "/book/book_ranking.html?sortBy=last_index_update_time"; } function searchBooks() { var keywords = $("#title").val(); window.location.href = "/book/book_ranking.html?keyword=" + encodeURI(keywords); } function toMyCollect() { var token = localStorage.getItem("token"); if (token) { window.location.href = "/book/book_ranking.html?token=" + token; } else { window.location.href = "/user/login.html"; } } </script> </body> </html>