201206030/novel-plus
1
0
Fork 0
mirror of https://github.com/201206030/novel-plus.git synced 2025-04-26 17:20:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: UI优化

Browse Source
This commit is contained in:
xiongxiaoyang 2024-05-26 22:31:26 +08:00
parent 6d9b563583
commit b976a00389
13 changed files with 59 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
novel-front/src/main/resources/templates/common/footer.html
View File

@ -2,10 +2,10 @@
<div class="box_center cf"> <div class="box_center cf">
<div class="copyright"> <div class="copyright">
<ul> <ul>
<li class="menu"><a href="/?to=mobile">手机站</a><i class="line">|</i><a href="/">网站首页</a><i <li class="menu"><!--<a href="/?to=mobile">手机站</a><i class="line">|</i>--><a href="/">网站首页</a><i
class="line">|</i><a href="/user/feedback.html">反馈留言</a><i class="line">|</i><a class="line">|</i><a href="/user/feedback.html">反馈留言</a><i class="line">|</i><a
href="/author/index.html">作家专区</a><i class="line">|</i><a href="/author/index.html">作家专区</a><!--<i class="line">|</i><a
href="/mobile/fiction_house.apk">客户端</a></li> href="/mobile/fiction_house.apk">客户端</a>--></li>
<li th:text="'Copyright (C) '+${application.website.domain}+' All rights reserved&nbsp;&nbsp;'+${application.website.name}+'版权所有'"></li> <li th:text="'Copyright (C) '+${application.website.domain}+' All rights reserved&nbsp;&nbsp;'+${application.website.name}+'版权所有'"></li>
</ul> </ul>

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

@ -161,11 +161,6 @@
text-align: center; text-align: center;
} }
#footer {
padding-top: 10px;
line-height: 43px;
}
</style> </style>
</head> </head>
@ -320,8 +315,6 @@
} }
}) })
$("#content").css("min-height", ($(window).height() - 60) + "px");
})(); })();

2
novel-front/src/main/resources/templates/mobile/book/book_detail.html
View File

@ -289,8 +289,6 @@
} }
$("#content").css("min-height", ($(window).height() - 60) + "px");
function downloadFile() { function downloadFile() {
var fileUrl = '/book/download?bookId=' + $("#bookIdHidden").val() + '&bookName=' + $("#bookNamedHidden").val(); var fileUrl = '/book/download?bookId=' + $("#bookIdHidden").val() + '&bookName=' + $("#bookNamedHidden").val();
window.location.href = fileUrl; window.location.href = fileUrl;

57
novel-front/src/main/resources/templates/mobile/book/book_index.html
View File

@ -36,41 +36,43 @@
</div> </div>
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<input type="hidden" id="bookIdHidden" th:value="${book.id}"/> <input type="hidden" id="bookIdHidden" th:value="${book.id}"/>
<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="float: left;margin-left: 10px"> <div style="float: left;margin-left: 10px">
<a href="javascript:history.go(-1)"> <a href="javascript:history.go(-1)">
<i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe65c;</i></a> <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 class="layui-icon"
th:utext="${book.bookName}"></b></a>
<div style="float: right;margin-right: 10px">
<a href="/"><i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe68e;</i></a>
</div>
</div> </div>
<a style="color: #ffffff;" th:href="'/book/'+ ${book.id} + '.html'"><b class="layui-icon" th:utext="${book.bookName}"></b></a>
<div style="float: right;margin-right: 10px">
<a href="/"><i style="font-size: 20px;color: #fff;" class="layui-icon">&#xe68e;</i></a>
</div>
</div>
<p style="height: 30px;line-height: 30px;padding: 10px"> <p style="height: 30px;line-height: 30px;padding: 10px">
<a href="#buttom" style="color: red">&nbsp;&nbsp;↓直达页面底部</a> <a href="#buttom" style="color: red">&nbsp;&nbsp;↓直达页面底部</a>
</p>
<div class="layui-colla-content layui-show indexP layui-row">
<p class="line-limit-length layui-col-xs12 layui-col-sm4 layui-col-md3 layui-col-lg2" style="padding-left:10px;height: 50px;line-height: 50px;" th:each="index : ${bookIndexList}">
<a style="color:#333;" th:href="'/book/'+${index.bookId}+'/'+${index.id}+'.html'" th:utext="${index.indexName}">
</a>
</p> </p>
<div class="layui-colla-content layui-show indexP layui-row">
<p class="line-limit-length layui-col-xs12 layui-col-sm4 layui-col-md3 layui-col-lg2"
style="padding-left:10px;height: 50px;line-height: 50px;" th:each="index : ${bookIndexList}">
<a style="color:#333;" th:href="'/book/'+${index.bookId}+'/'+${index.id}+'.html'"
th:utext="${index.indexName}">
</div> </a>
</p>
</div>
</div> </div>
<div th:replace="mobile/common/footer :: footer"> <div th:replace="mobile/common/footer :: footer">
</div> </div>
@ -80,13 +82,14 @@
<div th:replace="mobile/common/js :: js"> <div th:replace="mobile/common/js :: js">
</div> </div>
<script> <script>
$("#content").css("min-height",($(window).height()-60)+"px"); $.get("/book/addVisit", {"bookId": $("#bookIdHidden").val()}, function () {
$.get("/book/addVisit",{"bookId":$("#bookIdHidden").val()},function(){}); });
function toMyCollect(){
function toMyCollect() {
var token = localStorage.getItem("token"); var token = localStorage.getItem("token");
if(token) { if (token) {
window.location.href = "/book/search?token=" + token; window.location.href = "/book/search?token=" + token;
}else{ } else {
window.location.href = "/user/login.html"; window.location.href = "/user/login.html";
} }
} }

4
novel-front/src/main/resources/templates/mobile/book/book_ranking.html
View File

@ -62,10 +62,6 @@
height: 180px; height: 180px;
} }
#footer {
padding-top: 10px;
line-height: 43px;
}
</style> </style>
</head> </head>
<body> <body>

14
novel-front/src/main/resources/templates/mobile/common/css.html
View File

@ -1,6 +1,11 @@
<div th:fragment="css"> <div th:fragment="css">
<link rel="stylesheet" href="/mobile/layui/css/layui.css"> <link rel="stylesheet" href="/mobile/layui/css/layui.css">
<style type="text/css"> <style type="text/css">
body {
min-height: 100vh;
position: relative;
}
.app { .app {
display: none; display: none;
} }
@ -22,9 +27,12 @@
} }
#footer { #footer {
padding-top: 6px; position: absolute;
height: 60px; bottom: 0px;
line-height: 54px; left: 0;
right: 0;
height: 50px;
line-height: 48px;
text-align: center; text-align: center;
} }
</style> </style>

26
novel-front/src/main/resources/templates/mobile/common/footer.html
View File

@ -1,15 +1,19 @@
<div th:fragment="footer" id="footer" <div th:fragment="footer">
class="layui-footer footer footer-demo layui-bg-cyan"> <div style="height: 50px"></div>
<!--<a href="/mobile/book/searchSoftBook.html" style="font-size: 14px;color: #fff;">轻小说</a> <div id="footer"
<a href="/mobile/book/searchSoftBook.html?catId=9" style="font-size: 14px;color: #fff;margin-left: 8px">漫画</a>--> class="layui-footer footer footer-demo layui-bg-cyan">
<a href="/?to=pc" style="font-size: 14px;color: #fff;margin-left: 8px">电脑站</a> <!--<a href="/mobile/book/searchSoftBook.html" style="font-size: 14px;color: #fff;">轻小说</a>
<a href="/user/read_history.html" style="font-size: 14px;color: #fff;margin-left: 8px">阅读记录</a> <a href="/mobile/book/searchSoftBook.html?catId=9" style="font-size: 14px;color: #fff;margin-left: 8px">漫画</a>-->
<a href="/user/favorites.html" style="font-size: 14px;color: #fff;margin-left: 8px">书架</a> <!--<a href="/?to=pc" style="font-size: 14px;color: #fff;margin-left: 8px">电脑站</a>-->
<a href="/mobile/fiction_house.apk" style="font-size: 14px;color: #fff;margin-left: 8px">客户端</a> <a href="/" style="font-size: 16px;color: #fff;">首页</a>
<!--<a href="https://www.zinglizingli.xyz/me/index.html" style="font-size: 14px;color: #fff;margin-left: 8px">开发者</a>--> <a href="/user/read_history.html" style="font-size: 16px;color: #fff;margin-left: 18px">阅读记录</a>
<a href="/user/favorites.html" style="font-size: 16px;color: #fff;margin-left: 18px">书架</a>
<!--<a href="/mobile/fiction_house.apk" style="font-size: 14px;color: #fff;margin-left: 8px">客户端</a>-->
<!--<a href="https://www.zinglizingli.xyz/me/index.html" style="font-size: 14px;color: #fff;margin-left: 8px">开发者</a>-->
<div style="float: right"><a href="#top"><i class="layui-icon" <div style="margin-top:-3px;float: right"><a href="#top"><i class="layui-icon"
style="margin-right:15px;font-size: 30px;color:#fff ">&#xe604;</i></a> style="margin-right:15px;font-size: 25px;color:#fff ">&#xe604;</i></a>
</div>
</div> </div>
</div> </div>

6
novel-front/src/main/resources/templates/mobile/pay/index.html
View File

@ -79,11 +79,6 @@
padding-bottom: 20px; padding-bottom: 20px;
} }
#footer {
padding-top: 10px;
line-height: 43px;
}
</style> </style>
</head> </head>
<body> <body>
@ -170,7 +165,6 @@
<div th:replace="mobile/common/js :: js"></div> <div th:replace="mobile/common/js :: js"></div>
<script> <script>
$("#body").css("min-height", ($(window).height() - 110) + "px")
//查询用户信息 //查询用户信息
$.ajax({ $.ajax({

5
novel-front/src/main/resources/templates/mobile/user/favorites.html
View File

@ -62,10 +62,6 @@
height: 180px; height: 180px;
} }
#footer {
padding-top: 10px;
line-height: 43px;
}
</style> </style>
</head> </head>
<body> <body>
@ -113,7 +109,6 @@
<div th:replace="mobile/common/js :: js"></div> <div th:replace="mobile/common/js :: js"></div>
<script> <script>
$("#body").css("min-height", ($(window).height() - 110) + "px")
search(1, 20); search(1, 20);

1
novel-front/src/main/resources/templates/mobile/user/login.html
View File

@ -63,7 +63,6 @@
<div th:replace="mobile/common/js :: js"> <div th:replace="mobile/common/js :: js">
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$("#form1").css("min-height", ($(window).height() - 140) + "px")
if (localStorage.getItem("autoLogin") == 1) { if (localStorage.getItem("autoLogin") == 1) {
$("#autoLogin").prop("checked", 'true'); $("#autoLogin").prop("checked", 'true');
layui.form.render('checkbox', 'loginForm'); layui.form.render('checkbox', 'loginForm');

5
novel-front/src/main/resources/templates/mobile/user/read_history.html
View File

@ -62,10 +62,6 @@
height: 180px; height: 180px;
} }
#footer {
padding-top: 10px;
line-height: 43px;
}
</style> </style>
</head> </head>
<body> <body>
@ -113,7 +109,6 @@
<div th:replace="mobile/common/js :: js"></div> <div th:replace="mobile/common/js :: js"></div>
<script> <script>
$("#body").css("min-height", ($(window).height() - 110) + "px")
search(1, 20); search(1, 20);

1
novel-front/src/main/resources/templates/mobile/user/register.html
View File

@ -69,7 +69,6 @@
<div th:replace="mobile/common/js :: js"> <div th:replace="mobile/common/js :: js">
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$("#form1").css("min-height", ($(window).height() - 140) + "px")
$("#chkd").click(); $("#chkd").click();
$("#btnRegister").click(function () { $("#btnRegister").click(function () {

1
novel-front/src/main/resources/templates/mobile/user/userinfo.html
View File

@ -213,7 +213,6 @@
<script> <script>
$("#body").css("min-height", ($(window).height() - 60) + "px")
//查询用户信息 //查询用户信息
$.ajax({ $.ajax({