From 2062123edddf8f74ff35786a4a0dbea511a54dbf Mon Sep 17 00:00:00 2001
From: xiongxiaoyang <1179705413@qq.com>
Date: Sat, 14 Oct 2023 10:06:16 +0800
Subject: [PATCH] =?UTF-8?q?perf(mobile):=20=E5=8E=BB=E9=99=A4=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E7=BD=91=E7=AB=99=E5=BA=95=E9=83=A8=E7=A9=BA=E7=99=BD?=
 =?UTF-8?q?=E9=97=B4=E9=9A=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/mobile/book/book_content.html   | 199 +++++++++---------
 .../templates/mobile/book/book_ranking.html   |  51 ++---
 .../templates/mobile/common/css.html          |   7 +
 .../templates/mobile/common/footer.html       |   3 +-
 .../resources/templates/mobile/pay/index.html |  34 +--
 .../templates/mobile/user/favorites.html      |  45 ++--
 .../templates/mobile/user/read_history.html   |   5 +
 .../templates/mobile/user/userinfo.html       |   2 +-
 8 files changed, 190 insertions(+), 156 deletions(-)

diff --git a/novel-front/src/main/resources/templates/mobile/book/book_content.html b/novel-front/src/main/resources/templates/mobile/book/book_content.html
index c601880..d884013 100644
--- a/novel-front/src/main/resources/templates/mobile/book/book_content.html
+++ b/novel-front/src/main/resources/templates/mobile/book/book_content.html
@@ -12,18 +12,19 @@
           th:content="${book.bookName}+'最新更新章节免费在线阅读TXT下载'">
 
 
-
     <div th:include="mobile/common/css :: css"></div>
 
 
     <script type="text/javascript">
-        function reinitIframe(){
+        function reinitIframe() {
 
             var iframe = document.getElementById("frame_content");
-            try{
-                iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
-            }catch (ex){}
+            try {
+                iframe.height = iframe.contentWindow.document.documentElement.scrollHeight;
+            } catch (ex) {
+            }
         }
+
         window.setInterval("reinitIframe()", 200);
     </script>
     <script th:fragment="js" src="/mobile/js/jquery-1.9.1.js"></script>
@@ -160,6 +161,11 @@
             text-align: center;
         }
 
+        #footer {
+            padding-top: 10px;
+            line-height: 43px;
+        }
+
 
     </style>
 </head>
@@ -167,88 +173,93 @@
 <div id="content">
 
 
-<input type="hidden" id="bookIdHidden" th:value="${book.id}"/>
+    <input type="hidden" id="bookIdHidden" th:value="${book.id}"/>
 
-<input type="hidden" id="bookNameHidden" th:value="${book.bookName}"/>
+    <input type="hidden" id="bookNameHidden" th:value="${book.bookName}"/>
 
-<input type="hidden" id="contentIdHidden" th:value="${bookIndex.id}"/>
+    <input type="hidden" id="contentIdHidden" th:value="${bookIndex.id}"/>
 
-<input type="hidden" id="indexNameHidden" th:value="${bookIndex.indexName}"/>
+    <input type="hidden" id="indexNameHidden" th:value="${bookIndex.indexName}"/>
 
-<input type="hidden" id="indexNumHidden" th:value="${bookIndex.indexNum}"/>
+    <input type="hidden" id="indexNumHidden" th:value="${bookIndex.indexNum}"/>
 
-<script>
-    var token = localStorage.getItem("token");
-</script>
+    <script>
+        var token = localStorage.getItem("token");
+    </script>
 
-<div style="height: 50px;line-height: 50px;text-align: center" class="layui-header header header-doc  layui-bg-cyan">
+    <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">&#xe65c;</i></a>
-    </div>
-    <a style="color: #ffffff;" th:href="'/book/'+ ${book.id} + '.html'"><b style="padding-left: 5%;float: left;width: 69%" class="line-limit-length" th:utext="${bookIndex.indexName}+' '+${book.bookName}"></b></a>
-    <div style="width:10%;float: right;margin-right: 10px"><a href="/">
-        <i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe68e;</i>
-    </a>
-    </div>
-</div>
-
-
-<p class="Readpage" style="background:#FFFFFF;padding:2px;">
-    <a id="lightdiv" class="button lightoff" onclick="nr_setbg('light')">关灯</a>
-    <a id="huyandiv" class="button huyanon" onclick="nr_setbg('huyan')">护眼</a>&nbsp;&nbsp;&nbsp;&nbsp;
-    字体：<a id="fontbig" class="sizebg" onclick="nr_setbg('big')">大</a> <a id="fontmiddle" class="button sizebgon"
-                                                                         onclick="nr_setbg('middle')">中</a> <a
-        id="fontsmall" class="sizebg" onclick="nr_setbg('small')">小</a>
-</p>
-<div class="indexDiv" style="height: 42px;line-height: 42px;text-align:center;background: #f2f2f2">
-
-    <a style="color: #333" th:href="'javascript:enterPreIndexPage(\''+${book.id}+'\',\''+${preBookIndexId}+'\');'">上一章</a>
-    <a style="color: #333" th:href="'/book/indexList-'+${book.id}+'.html'">目录</a>
-    <a style="color: #333" th:href="'javascript:enterNextIndexPage(\''+${book.id}+'\',\''+${nextBookIndexId}+'\');'">下一章</a>
-</div>
-<!--<div id="screenInput" class="screen_toolbar" style="display: none">
-    <div style="height: 5px" class="layui-col-xs2 layui-col-sm3 layui-col-md3 layui-col-lg3"></div>
-    <div class="layui-col-xs6 layui-col-sm4 layui-col-md4 layui-col-lg4">
-        <input type="text" id="screenBulletText" required lay-verify="required" placeholder="请输入弹幕内容,右下角开关可控制弹幕是否开启" autocomplete="off"
-               class="layui-input">
-
-    </div>
-    <div class="layui-col-xs2 layui-col-sm1 layui-col-md1 layui-col-lg1">
-        <button class="layui-btn send">发送</button>
-    </div>
-</div>
-<form id="screenSwitch" class="layui-form">
-    <div class="layui-form-item" style="position: fixed;right: 0px;bottom: 100px" title="弹幕开关">
-        &lt;!&ndash; <label  class="layui-form-label" style="opacity:0.5;font-weight: bold;color: red;">弹幕</label>&ndash;&gt;
-        <div class="layui-input-block">
-            <input class="clear" type="checkbox" name="switch" lay-skin="switch">
+        <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">&#xe65c;</i></a>
+        </div>
+        <a style="color: #ffffff;" th:href="'/book/'+ ${book.id} + '.html'"><b
+                style="padding-left: 5%;float: left;width: 69%" class="line-limit-length"
+                th:utext="${bookIndex.indexName}+' '+${book.bookName}"></b></a>
+        <div style="width:10%;float: right;margin-right: 10px"><a href="/">
+            <i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe68e;</i>
+        </a>
         </div>
     </div>
-</form>-->
-<div th:replace="mobile/common/js :: js">
-</div>
-<div id="chaptercontent" class="Readarea ReadAjax_content screen_container"
-     style="color: rgb(0, 0, 0); font-size: 20px;" th:if="${!needBuy}">
-    <p style="width:100%;text-alight:center; overflow: auto;-webkit-overflow-scrolling:touch;" >&nbsp;&nbsp;&nbsp;&nbsp;
-        <span
-                 th:utext="${bookContent.content}"></span></p>
-</div>
-<div  class="Readarea ReadAjax_content screen_container"
-     style="color: rgb(0, 0, 0); font-size: 20px;background-color: #fff" th:if="${needBuy}">
-    <h5>此章为VIP章节，需要订阅后才能继续阅读</h5>
-    价格：<span style="color: red" th:text="${bookIndex.bookPrice}+'屋币(1元=100屋币)'"></span><br/>
-    <a href="javascript:buyBookIndex()"  type="button" class="layui-btn layui-btn-sm layui-btn-radius">购买</a>
 
-</div>
-<div class="indexDiv" style="height: 42px;line-height: 42px;text-align:center;background: #f2f2f2">
 
-    <a style="color: #333" th:href="'javascript:enterPreIndexPage(\''+${book.id}+'\',\''+${preBookIndexId}+'\');'">上一章</a>
-    <a style="color: #333" th:href="'/book/indexList-'+${book.id}+'.html'">目录</a>
-    <a style="color: #333" th:href="'javascript:enterNextIndexPage(\''+${book.id}+'\',\''+${nextBookIndexId}+'\');'">下一章</a>
+    <p class="Readpage" style="background:#FFFFFF;padding:2px;">
+        <a id="lightdiv" class="button lightoff" onclick="nr_setbg('light')">关灯</a>
+        <a id="huyandiv" class="button huyanon" onclick="nr_setbg('huyan')">护眼</a>&nbsp;&nbsp;&nbsp;&nbsp;
+        字体：<a id="fontbig" class="sizebg" onclick="nr_setbg('big')">大</a> <a id="fontmiddle" class="button sizebgon"
+                                                                             onclick="nr_setbg('middle')">中</a> <a
+            id="fontsmall" class="sizebg" onclick="nr_setbg('small')">小</a>
+    </p>
+    <div class="indexDiv" style="height: 42px;line-height: 42px;text-align:center;background: #f2f2f2">
 
-</div>
+        <a style="color: #333" th:href="'javascript:enterPreIndexPage(\''+${book.id}+'\',\''+${preBookIndexId}+'\');'">上一章</a>
+        <a style="color: #333" th:href="'/book/indexList-'+${book.id}+'.html'">目录</a>
+        <a style="color: #333"
+           th:href="'javascript:enterNextIndexPage(\''+${book.id}+'\',\''+${nextBookIndexId}+'\');'">下一章</a>
+    </div>
+    <!--<div id="screenInput" class="screen_toolbar" style="display: none">
+        <div style="height: 5px" class="layui-col-xs2 layui-col-sm3 layui-col-md3 layui-col-lg3"></div>
+        <div class="layui-col-xs6 layui-col-sm4 layui-col-md4 layui-col-lg4">
+            <input type="text" id="screenBulletText" required lay-verify="required" placeholder="请输入弹幕内容,右下角开关可控制弹幕是否开启" autocomplete="off"
+                   class="layui-input">
+
+        </div>
+        <div class="layui-col-xs2 layui-col-sm1 layui-col-md1 layui-col-lg1">
+            <button class="layui-btn send">发送</button>
+        </div>
+    </div>
+    <form id="screenSwitch" class="layui-form">
+        <div class="layui-form-item" style="position: fixed;right: 0px;bottom: 100px" title="弹幕开关">
+            &lt;!&ndash; <label  class="layui-form-label" style="opacity:0.5;font-weight: bold;color: red;">弹幕</label>&ndash;&gt;
+            <div class="layui-input-block">
+                <input class="clear" type="checkbox" name="switch" lay-skin="switch">
+            </div>
+        </div>
+    </form>-->
+    <div th:replace="mobile/common/js :: js">
+    </div>
+    <div id="chaptercontent" class="Readarea ReadAjax_content screen_container"
+         style="color: rgb(0, 0, 0); font-size: 20px;" th:if="${!needBuy}">
+        <p style="width:100%;text-alight:center; overflow: auto;-webkit-overflow-scrolling:touch;">&nbsp;&nbsp;&nbsp;&nbsp;
+            <span
+                    th:utext="${bookContent.content}"></span></p>
+    </div>
+    <div class="Readarea ReadAjax_content screen_container"
+         style="color: rgb(0, 0, 0); font-size: 20px;background-color: #fff" th:if="${needBuy}">
+        <h5>此章为VIP章节，需要订阅后才能继续阅读</h5>
+        价格：<span style="color: red" th:text="${bookIndex.bookPrice}+'屋币(1元=100屋币)'"></span><br/>
+        <a href="javascript:buyBookIndex()" type="button" class="layui-btn layui-btn-sm layui-btn-radius">购买</a>
+
+    </div>
+    <div class="indexDiv" style="height: 42px;line-height: 42px;text-align:center;background: #f2f2f2">
+
+        <a style="color: #333" th:href="'javascript:enterPreIndexPage(\''+${book.id}+'\',\''+${preBookIndexId}+'\');'">上一章</a>
+        <a style="color: #333" th:href="'/book/indexList-'+${book.id}+'.html'">目录</a>
+        <a style="color: #333"
+           th:href="'javascript:enterNextIndexPage(\''+${book.id}+'\',\''+${nextBookIndexId}+'\');'">下一章</a>
+
+    </div>
 
 
 </div>
@@ -265,15 +276,13 @@
 
     var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
 
-        isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
+        isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
 
         isAndroid = ua.match(/(Android)\s+([\d.]+)/),
 
         isMobile = isIphone || isAndroid;
 
 
-
-
 </script>
 <script>
     (function () {
@@ -291,7 +300,7 @@
             }
         })
 
-        $("#content").css("min-height",($(window).height()-60)+"px");
+        $("#content").css("min-height", ($(window).height() - 60) + "px");
 
 
     })();
@@ -327,24 +336,26 @@
         }
     }
 
-    function buyBookIndex(){
+    function buyBookIndex() {
         $.ajax({
             type: "POST",
             url: "/user/buyBookIndex",
-            data: {'bookId':$("#bookIdHidden").val(),"bookName":$("#bookNameHidden").val(),
-                "bookIndexId":$("#contentIdHidden").val(),"bookIndexName":$("#indexNameHidden").val()},
+            data: {
+                'bookId': $("#bookIdHidden").val(), "bookName": $("#bookNameHidden").val(),
+                "bookIndexId": $("#contentIdHidden").val(), "bookIndexName": $("#indexNameHidden").val()
+            },
             dataType: "json",
             success: function (data) {
                 if (data.code == 200) {
                     location.reload();
 
 
-                } else if(data.code == 1001){
+                } else if (data.code == 1001) {
                     //未登录
-                    location.href = '/user/login.html?originUrl='+decodeURIComponent(location.href);
+                    location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
 
 
-                }else {
+                } else {
                     layer.alert(data.msg);
                 }
 
@@ -360,18 +371,19 @@
     });
 
 
-    function enterPreIndexPage(bookId,bookIndexId){
-        if(bookIndexId != 0){
-            window.location.href = '/book/'+bookId+'/'+bookIndexId+".html";
-        }else{
+    function enterPreIndexPage(bookId, bookIndexId) {
+        if (bookIndexId != 0) {
+            window.location.href = '/book/' + bookId + '/' + bookIndexId + ".html";
+        } else {
             window.location.href = '/book/indexList-' + bookId + '.html';
         }
 
     }
-    function enterNextIndexPage(bookId,bookIndexId){
-        if(bookIndexId != 0){
-            window.location.href = '/book/'+bookId+'/'+bookIndexId+".html";
-        }else{
+
+    function enterNextIndexPage(bookId, bookIndexId) {
+        if (bookIndexId != 0) {
+            window.location.href = '/book/' + bookId + '/' + bookIndexId + ".html";
+        } else {
             window.location.href = '/book/indexList-' + bookId + '.html';
         }
 
@@ -380,5 +392,4 @@
 </script>
 
 
-
 </html>
\ No newline at end of file
diff --git a/novel-front/src/main/resources/templates/mobile/book/book_ranking.html b/novel-front/src/main/resources/templates/mobile/book/book_ranking.html
index bd43e17..1a938b3 100644
--- a/novel-front/src/main/resources/templates/mobile/book/book_ranking.html
+++ b/novel-front/src/main/resources/templates/mobile/book/book_ranking.html
@@ -61,6 +61,11 @@
             width: 130px;
             height: 180px;
         }
+
+        #footer {
+            padding-top: 10px;
+            line-height: 43px;
+        }
     </style>
 </head>
 <body>
@@ -128,18 +133,16 @@
     var sortBy = getQueryVariable("sortBy");
     var keyword = getQueryVariable("keyword");
 
-    if(keyword != false){
+    if (keyword != false) {
         $("#title").val(decodeURI(keyword));
-    }else{
+    } else {
         keyword = "";
     }
 
 
+    search(1, 20);
 
-    search(1,20);
-
-    function search(curr,limit) {
-
+    function search(curr, limit) {
 
 
         var searchData = {};
@@ -149,21 +152,21 @@
 
         keyword = $("#title").val();
 
-        if(catId != false){
+        if (catId != false) {
             searchData.catId = catId;
         }
 
-        if(bookStatus != false){
+        if (bookStatus != false) {
             searchData.bookStatus = bookStatus;
         }
 
-        if(sortBy != false){
+        if (sortBy != false) {
             searchData.sort = sortBy;
-        }else if(!keyword){
+        } else if (!keyword) {
             sortBy = "last_index_update_time";
         }
 
-        if(keyword){
+        if (keyword) {
             searchData.keyword = keyword;
         }
 
@@ -184,31 +187,31 @@
                             book.bookDesc = book.bookDesc.substring(0,end);
                         }*/
 
-                        if(book.bookDesc){
-                            book.bookDesc = book.bookDesc.replace(/<[^>]+>/g,"").replace(/\s+/g,"").replace(/&nbsp;/g,"");
+                        if (book.bookDesc) {
+                            book.bookDesc = book.bookDesc.replace(/<[^>]+>/g, "").replace(/\s+/g, "").replace(/&nbsp;/g, "");
                         }
 
                         bookListHtml += ("<div class=\"layui-row\" style=\"margin-bottom:10px;padding:10px;background: #f2f2f2\">\n" +
-                            "        <a href=\"/book/"+book.id+".html\">\n" +
+                            "        <a href=\"/book/" + book.id + ".html\">\n" +
                             "            <div class=\"layui-col-xs6 layui-col-sm3 layui-col-md2 layui-col-lg2\" style=\"text-align: center\">\n" +
                             "                <img style='width: 130px;height: 180px' align=\"center\"\n" +
-                            "                     src=\""+book.picUrl+"\"/>\n" +
+                            "                     src=\"" + book.picUrl + "\"/>\n" +
                             "\n" +
                             "            </div>\n" +
                             "        </a>\n" +
                             "        <div style=\"padding: 10px\" class=\"layui-col-xs6 layui-col-sm8 layui-col-md8 layui-col-lg8\">\n" +
-                            "            <a href=\"/book/"+book.id+".html\">\n" +
-                            "                <div class=\"line-limit-length\" style=\";color: #000;font-size: 15px\">"+book.bookName+"</div>\n" +
+                            "            <a href=\"/book/" + book.id + ".html\">\n" +
+                            "                <div class=\"line-limit-length\" style=\";color: #000;font-size: 15px\">" + book.bookName + "</div>\n" +
                             "            </a>\n" +
                             "            <div style=\";color: #4c6978;float: right;\"><i style=\"color: red\"></i></div>\n" +
-                            "            <a href=\"/book/book_ranking.html?keyword="+encodeURI(book.authorName)+"\">\n" +
-                            "                <div style=\";color: #a6a6a6;\" class=\"line-limit-length\">作者："+book.authorName+"</div>\n" +
+                            "            <a href=\"/book/book_ranking.html?keyword=" + encodeURI(book.authorName) + "\">\n" +
+                            "                <div style=\";color: #a6a6a6;\" class=\"line-limit-length\">作者：" + book.authorName + "</div>\n" +
                             "            </a>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">类别："+book.catName+"</div>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">状态："+(book.bookStatus==0?'连载':'完结')+"</div>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">更新：<i style='color: red'>"+book.lastIndexUpdateTime.substr(0,11)+"</i>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">类别：" + book.catName + "</div>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">状态：" + (book.bookStatus == 0 ? '连载' : '完结') + "</div>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">更新：<i style='color: red'>" + book.lastIndexUpdateTime.substr(0, 11) + "</i>\n" +
                             "            </div>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">简介："+(book.bookDesc?(book.bookDesc.length>15?(book.bookDesc.substr(0,15)+"..."):book.bookDesc):book.bookDesc)+"</div>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">简介：" + (book.bookDesc ? (book.bookDesc.length > 15 ? (book.bookDesc.substr(0, 15) + "...") : book.bookDesc) : book.bookDesc) + "</div>\n" +
                             "\n" +
                             "\n" +
                             "        </div>\n" +
@@ -304,8 +307,6 @@
 <script>
 
 
-
-
     function toMyCollect() {
         var token = localStorage.getItem("token");
         if (token) {
diff --git a/novel-front/src/main/resources/templates/mobile/common/css.html b/novel-front/src/main/resources/templates/mobile/common/css.html
index e7b4a8d..9876886 100644
--- a/novel-front/src/main/resources/templates/mobile/common/css.html
+++ b/novel-front/src/main/resources/templates/mobile/common/css.html
@@ -20,5 +20,12 @@
                 display: none;
             }
         }
+
+        #footer {
+            padding-top: 6px;
+            height: 60px;
+            line-height: 54px;
+            text-align: center;
+        }
     </style>
 </div>
\ No newline at end of file
diff --git a/novel-front/src/main/resources/templates/mobile/common/footer.html b/novel-front/src/main/resources/templates/mobile/common/footer.html
index f40eed9..a1aaf57 100644
--- a/novel-front/src/main/resources/templates/mobile/common/footer.html
+++ b/novel-front/src/main/resources/templates/mobile/common/footer.html
@@ -1,4 +1,5 @@
-<div th:fragment="footer"  style="height: 60px;line-height: 60px;text-align: center" class="layui-footer footer footer-demo layui-bg-cyan">
+<div th:fragment="footer" id="footer"
+     class="layui-footer footer footer-demo layui-bg-cyan">
     <!--<a href="/mobile/book/searchSoftBook.html" style="font-size: 14px;color: #fff;">轻小说</a>
     <a href="/mobile/book/searchSoftBook.html?catId=9" style="font-size: 14px;color: #fff;margin-left: 8px">漫画</a>-->
     <a href="/?to=pc" style="font-size: 14px;color: #fff;margin-left: 8px">电脑站</a>
diff --git a/novel-front/src/main/resources/templates/mobile/pay/index.html b/novel-front/src/main/resources/templates/mobile/pay/index.html
index 501d7bb..35e75bf 100644
--- a/novel-front/src/main/resources/templates/mobile/pay/index.html
+++ b/novel-front/src/main/resources/templates/mobile/pay/index.html
@@ -59,6 +59,7 @@
             width: 130px;
             height: 180px;
         }
+
         .payHead {
             height: 36px;
             line-height: 36px;
@@ -68,6 +69,7 @@
             border-bottom: 1px solid #eaeaea;
             zoom: 1;
         }
+
         .pay_way li {
             text-align: center;
             cursor: pointer;
@@ -77,6 +79,11 @@
             padding-bottom: 20px;
         }
 
+        #footer {
+            padding-top: 10px;
+            line-height: 43px;
+        }
+
     </style>
 </head>
 <body>
@@ -108,39 +115,40 @@
 <div id="body" class="layui-row">
     <div class="payHead cf">
         <div class="fl">
-            充值账号：<span class="user_name" id="my_name">13560421324</span>&nbsp;&nbsp;&nbsp;&nbsp;余额：<em style="color: #3eaf7c" id="accountBalance">10</em> 屋币<!--<em class="red">+0</em>代金券-->
+            充值账号：<span class="user_name" id="my_name">13560421324</span>&nbsp;&nbsp;&nbsp;&nbsp;余额：<em
+                style="color: #3eaf7c" id="accountBalance">10</em> 屋币<!--<em class="red">+0</em>代金券-->
         </div>
     </div>
     <div id="payAmount" class="pay_way layui-row layui-col-space15" style="text-align: center;padding-top: 20px;">
         <h5>选择充值金额</h5>
         <li vals="10" class="layui-col-xs4 layui-col-sm3 layui-col-md2">
             <div class="layui-panel">
-                <div ><strong>10元</strong><br><span class="pay_mn">1000屋币</span></div>
+                <div><strong>10元</strong><br><span class="pay_mn">1000屋币</span></div>
             </div>
         </li>
-        <li vals="30"  class="layui-col-xs4 layui-col-sm3 layui-col-md2">
+        <li vals="30" class="layui-col-xs4 layui-col-sm3 layui-col-md2">
             <div class="layui-panel">
-                <div ><strong>30元</strong><br><span class="pay_mn">3000屋币</span></div>
+                <div><strong>30元</strong><br><span class="pay_mn">3000屋币</span></div>
             </div>
         </li>
         <li vals="50" class="layui-col-xs4 layui-col-sm3 layui-col-md2">
             <div class="layui-panel">
-                <div ><strong>50元</strong><br><span class="pay_mn">5000屋币</span></div>
+                <div><strong>50元</strong><br><span class="pay_mn">5000屋币</span></div>
             </div>
         </li>
         <li vals="100" class="layui-col-xs4 layui-col-sm3 layui-col-md2">
             <div class="layui-panel">
-                <div ><strong>100元</strong><br><span class="pay_mn">10000屋币</span></div>
+                <div><strong>100元</strong><br><span class="pay_mn">10000屋币</span></div>
             </div>
         </li>
         <li vals="200" class="layui-col-xs4 layui-col-sm3 layui-col-md2">
             <div class="layui-panel">
-                <div ><strong>200元</strong><br><span class="pay_mn">20000屋币</span></div>
+                <div><strong>200元</strong><br><span class="pay_mn">20000屋币</span></div>
             </div>
         </li>
         <li vals="500" class="layui-col-xs4 layui-col-sm3 layui-col-md2">
             <div class="layui-panel">
-                <div ><strong>500元</strong><br><span class="pay_mn">50000屋币</span></div>
+                <div><strong>500元</strong><br><span class="pay_mn">50000屋币</span></div>
             </div>
         </li>
 
@@ -148,7 +156,7 @@
 
     <form action="/pay/aliPay" method="post" id="payform" name="payform">
 
-        <input type="hidden" id="pValue" name="payAmount"  />
+        <input type="hidden" id="pValue" name="payAmount"/>
     </form>
 
 
@@ -162,7 +170,7 @@
 <div th:replace="mobile/common/js :: js"></div>
 
 <script>
-    $("#body").css("min-height",($(window).height() - 100)+"px")
+    $("#body").css("min-height", ($(window).height() - 110) + "px")
 
     //查询用户信息
     $.ajax({
@@ -172,9 +180,9 @@
         dataType: "json",
         success: function (data) {
             if (data.code == 200) {
-                if(data.data.nickName){
+                if (data.data.nickName) {
                     $("#my_name").html(data.data.nickName);
-                }else{
+                } else {
                     $("#my_name").html(data.data.username);
                 }
 
@@ -201,12 +209,10 @@
         $("#payform").submit();
 
 
-
     });
 
 
 </script>
 
 
-
 </html>
\ No newline at end of file
diff --git a/novel-front/src/main/resources/templates/mobile/user/favorites.html b/novel-front/src/main/resources/templates/mobile/user/favorites.html
index aba0bda..d4de323 100644
--- a/novel-front/src/main/resources/templates/mobile/user/favorites.html
+++ b/novel-front/src/main/resources/templates/mobile/user/favorites.html
@@ -61,6 +61,11 @@
             width: 130px;
             height: 180px;
         }
+
+        #footer {
+            padding-top: 10px;
+            line-height: 43px;
+        }
     </style>
 </head>
 <body>
@@ -90,13 +95,13 @@
     </div>
 </div>
 <div id="body">
-<div id="bookList">
+    <div id="bookList">
 
 
-</div>
+    </div>
 
 
-<div id="books" style="text-align: center;"></div>
+    <div id="books" style="text-align: center;"></div>
 
 </div>
 <div th:replace="mobile/common/footer :: footer">
@@ -108,17 +113,17 @@
 <div th:replace="mobile/common/js :: js"></div>
 
 <script>
-    $("#body").css("min-height",($(window).height() - 110)+"px")
+    $("#body").css("min-height", ($(window).height() - 110) + "px")
 
-    search(1,20);
+    search(1, 20);
 
-    function search(curr,limit) {
+    function search(curr, limit) {
 
 
         $.ajax({
             type: "get",
             url: "/user/listBookShelfByPage",
-            data: {'curr':curr,'limit':limit},
+            data: {'curr': curr, 'limit': limit},
             dataType: "json",
             success: function (data) {
                 if (data.code == 200) {
@@ -132,31 +137,31 @@
                             book.bookDesc = book.bookDesc.substring(0,end);
                         }*/
 
-                        if(book.bookDesc){
-                            book.bookDesc = book.bookDesc.replace(/<[^>]+>/g,"").replace(/\s+/g,"").replace(/&nbsp;/g,"");
+                        if (book.bookDesc) {
+                            book.bookDesc = book.bookDesc.replace(/<[^>]+>/g, "").replace(/\s+/g, "").replace(/&nbsp;/g, "");
                         }
 
                         bookListHtml += ("<div class=\"layui-row\" style=\"margin-bottom:10px;padding:10px;background: #f2f2f2\">\n" +
-                            "        <a href='/book/"+book.bookId+"/"+book.preContentId+".html'>\n" +
+                            "        <a href='/book/" + book.bookId + "/" + book.preContentId + ".html'>\n" +
                             "            <div class=\"layui-col-xs6 layui-col-sm3 layui-col-md2 layui-col-lg2\" style=\"text-align: center\">\n" +
                             "                <img style='width: 130px;height: 180px' align=\"center\"\n" +
-                            "                     src=\""+book.picUrl+"\"/>\n" +
+                            "                     src=\"" + book.picUrl + "\"/>\n" +
                             "\n" +
                             "            </div>\n" +
                             "        </a>\n" +
                             "        <div style=\"padding: 10px\" class=\"layui-col-xs6 layui-col-sm8 layui-col-md8 layui-col-lg8\">\n" +
-                            "            <a href='/book/"+book.bookId+"/"+book.preContentId+".html'>\n" +
-                            "                <div class=\"line-limit-length\" style=\";color: #000;font-size: 15px\">"+book.bookName+"</div>\n" +
+                            "            <a href='/book/" + book.bookId + "/" + book.preContentId + ".html'>\n" +
+                            "                <div class=\"line-limit-length\" style=\";color: #000;font-size: 15px\">" + book.bookName + "</div>\n" +
                             "            </a>\n" +
                             "            <div style=\";color: #4c6978;float: right;\"><i style=\"color: red\"></i></div>\n" +
-                            "            <a href='/book/"+book.bookId+"/"+book.preContentId+".html'>\n" +
-                            "                <div style=\";color: #a6a6a6;\" class=\"line-limit-length\">作者："+book.authorName+"</div>\n" +
+                            "            <a href='/book/" + book.bookId + "/" + book.preContentId + ".html'>\n" +
+                            "                <div style=\";color: #a6a6a6;\" class=\"line-limit-length\">作者：" + book.authorName + "</div>\n" +
                             "            </a>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">类别："+book.catName+"</div>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">状态："+(book.bookStatus==0?'连载':'完结')+"</div>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">更新：<i style='color: red'>"+book.lastIndexUpdateTime.substr(0,11)+"</i>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">类别：" + book.catName + "</div>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">状态：" + (book.bookStatus == 0 ? '连载' : '完结') + "</div>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">更新：<i style='color: red'>" + book.lastIndexUpdateTime.substr(0, 11) + "</i>\n" +
                             "            </div>\n" +
-                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">简介："+(book.bookDesc?(book.bookDesc.length>15?(book.bookDesc.substr(0,15)+"..."):book.bookDesc):book.bookDesc)+"</div>\n" +
+                            "            <div style=\"margin-top: 5px;color: #a6a6a6;\">简介：" + (book.bookDesc ? (book.bookDesc.length > 15 ? (book.bookDesc.substr(0, 15) + "...") : book.bookDesc) : book.bookDesc) + "</div>\n" +
                             "\n" +
                             "\n" +
                             "        </div>\n" +
@@ -252,8 +257,6 @@
 <script>
 
 
-
-
     function toMyCollect() {
         var token = localStorage.getItem("token");
         if (token) {
diff --git a/novel-front/src/main/resources/templates/mobile/user/read_history.html b/novel-front/src/main/resources/templates/mobile/user/read_history.html
index c11386e..11a78db 100644
--- a/novel-front/src/main/resources/templates/mobile/user/read_history.html
+++ b/novel-front/src/main/resources/templates/mobile/user/read_history.html
@@ -61,6 +61,11 @@
             width: 130px;
             height: 180px;
         }
+
+        #footer {
+            padding-top: 10px;
+            line-height: 43px;
+        }
     </style>
 </head>
 <body>
diff --git a/novel-front/src/main/resources/templates/mobile/user/userinfo.html b/novel-front/src/main/resources/templates/mobile/user/userinfo.html
index 265abb8..d471af5 100644
--- a/novel-front/src/main/resources/templates/mobile/user/userinfo.html
+++ b/novel-front/src/main/resources/templates/mobile/user/userinfo.html
@@ -213,7 +213,7 @@
 
 
 <script>
-    $("#body").css("min-height", ($(window).height() - 50) + "px")
+    $("#body").css("min-height", ($(window).height() - 60) + "px")
 
     //查询用户信息
     $.ajax({