perf(mobile): 去除手机网站底部空白间隙

novel-front/src/main/resources/templates/mobile/book/book_content.html

@@ -12,7 +12,6 @@
           th:content="${book.bookName}+'最新更新章节免费在线阅读TXT下载'">
 
 
-
     <div th:include="mobile/common/css :: css"></div>
 
 
@@ -21,9 +20,11 @@
 
             var iframe = document.getElementById("frame_content");
             try {
-                iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
-            }catch (ex){}
+                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>
@@ -181,13 +187,16 @@
         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>
+        <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>
@@ -206,7 +215,8 @@
 
         <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>
+        <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>
@@ -246,7 +256,8 @@
 
         <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>
+        <a style="color: #333"
+           th:href="'javascript:enterNextIndexPage(\''+${book.id}+'\',\''+${nextBookIndexId}+'\');'">下一章</a>
 
     </div>
 
@@ -272,8 +283,6 @@
         isMobile = isIphone || isAndroid;
 
 
-
-
 </script>
 <script>
     (function () {
@@ -331,8 +340,10 @@
         $.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) {
@@ -368,6 +379,7 @@
         }
 
     }
+
     function enterNextIndexPage(bookId, bookIndexId) {
         if (bookIndexId != 0) {
             window.location.href = '/book/' + bookId + '/' + bookIndexId + ".html";
@@ -380,5 +392,4 @@
 </script>
 
 
-
 </html>

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>
@@ -135,13 +140,11 @@
     }
 
 
-
     search(1, 20);
 
     function search(curr, limit) {
 
 
-
         var searchData = {};
 
         searchData.curr = curr;
@@ -304,8 +307,6 @@
 <script>
 
 
-
-
     function toMyCollect() {
         var token = localStorage.getItem("token");
         if (token) {

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>

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>

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,7 +115,8 @@
 <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;">
@@ -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({
@@ -201,12 +209,10 @@
         $("#payform").submit();
 
 
-
     });
 
 
 </script>
 
 
-
 </html>

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>
@@ -252,8 +257,6 @@
 <script>
 
 
-
-
     function toMyCollect() {
         var token = localStorage.getItem("token");
         if (token) {

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>

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