mirror of
https://github.com/201206030/novel-plus.git
synced 2025-04-26 17:20:52 +00:00
perf: UI优化
This commit is contained in:
xiongxiaoyang
parent
6d9b563583
commit
b976a00389
@ -2,10 +2,10 @@
|
||||
<div class="box_center cf">
|
||||
<div class="copyright">
|
||||
<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
|
||||
href="/author/index.html">作家专区</a><i class="line">|</i><a
|
||||
href="/mobile/fiction_house.apk">客户端</a></li>
|
||||
href="/author/index.html">作家专区</a><!--<i class="line">|</i><a
|
||||
href="/mobile/fiction_house.apk">客户端</a>--></li>
|
||||
<li th:text="'Copyright (C) '+${application.website.domain}+' All rights reserved '+${application.website.name}+'版权所有'"></li>
|
||||
|
||||
</ul>
|
||||
|
||||
@ -161,11 +161,6 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-top: 10px;
|
||||
line-height: 43px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
@ -320,8 +315,6 @@
|
||||
}
|
||||
})
|
||||
|
||||
$("#content").css("min-height", ($(window).height() - 60) + "px");
|
||||
|
||||
|
||||
})();
|
||||
|
||||
|
||||
@ -289,8 +289,6 @@
|
||||
}
|
||||
|
||||
|
||||
$("#content").css("min-height", ($(window).height() - 60) + "px");
|
||||
|
||||
function downloadFile() {
|
||||
var fileUrl = '/book/download?bookId=' + $("#bookIdHidden").val() + '&bookName=' + $("#bookNamedHidden").val();
|
||||
window.location.href = fileUrl;
|
||||
|
||||
@ -36,41 +36,43 @@
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="content">
|
||||
<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">
|
||||
<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="float: left;margin-left: 10px">
|
||||
<a href="javascript:history.go(-1)">
|
||||
<i style="font-size: 20px;color: #fff;" class="layui-icon"></i></a>
|
||||
<div style="float: left;margin-left: 10px">
|
||||
<a href="javascript:history.go(-1)">
|
||||
<i style="font-size: 20px;color: #fff;" class="layui-icon"></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"></i></a>
|
||||
</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"></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"> ↓直达页面底部</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>
|
||||
<a href="#buttom" style="color: red"> ↓直达页面底部</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}">
|
||||
|
||||
</div>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div th:replace="mobile/common/footer :: footer">
|
||||
</div>
|
||||
@ -80,13 +82,14 @@
|
||||
<div th:replace="mobile/common/js :: js">
|
||||
</div>
|
||||
<script>
|
||||
$("#content").css("min-height",($(window).height()-60)+"px");
|
||||
$.get("/book/addVisit",{"bookId":$("#bookIdHidden").val()},function(){});
|
||||
function toMyCollect(){
|
||||
$.get("/book/addVisit", {"bookId": $("#bookIdHidden").val()}, function () {
|
||||
});
|
||||
|
||||
function toMyCollect() {
|
||||
var token = localStorage.getItem("token");
|
||||
if(token) {
|
||||
if (token) {
|
||||
window.location.href = "/book/search?token=" + token;
|
||||
}else{
|
||||
} else {
|
||||
window.location.href = "/user/login.html";
|
||||
}
|
||||
}
|
||||
|
||||
@ -62,10 +62,6 @@
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-top: 10px;
|
||||
line-height: 43px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -1,6 +1,11 @@
|
||||
<div th:fragment="css">
|
||||
<link rel="stylesheet" href="/mobile/layui/css/layui.css">
|
||||
<style type="text/css">
|
||||
body {
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.app {
|
||||
display: none;
|
||||
}
|
||||
@ -22,9 +27,12 @@
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-top: 6px;
|
||||
height: 60px;
|
||||
line-height: 54px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 50px;
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,15 +1,19 @@
|
||||
<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>
|
||||
<a href="/user/read_history.html" 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="/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 th:fragment="footer">
|
||||
<div style="height: 50px"></div>
|
||||
<div 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>-->
|
||||
<a href="/" style="font-size: 16px;color: #fff;">首页</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"
|
||||
style="margin-right:15px;font-size: 30px;color:#fff "></i></a>
|
||||
<div style="margin-top:-3px;float: right"><a href="#top"><i class="layui-icon"
|
||||
style="margin-right:15px;font-size: 25px;color:#fff "></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -79,11 +79,6 @@
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-top: 10px;
|
||||
line-height: 43px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -170,7 +165,6 @@
|
||||
<div th:replace="mobile/common/js :: js"></div>
|
||||
|
||||
<script>
|
||||
$("#body").css("min-height", ($(window).height() - 110) + "px")
|
||||
|
||||
//查询用户信息
|
||||
$.ajax({
|
||||
|
||||
@ -62,10 +62,6 @@
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-top: 10px;
|
||||
line-height: 43px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -113,7 +109,6 @@
|
||||
<div th:replace="mobile/common/js :: js"></div>
|
||||
|
||||
<script>
|
||||
$("#body").css("min-height", ($(window).height() - 110) + "px")
|
||||
|
||||
search(1, 20);
|
||||
|
||||
|
||||
@ -63,7 +63,6 @@
|
||||
<div th:replace="mobile/common/js :: js">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$("#form1").css("min-height", ($(window).height() - 140) + "px")
|
||||
if (localStorage.getItem("autoLogin") == 1) {
|
||||
$("#autoLogin").prop("checked", 'true');
|
||||
layui.form.render('checkbox', 'loginForm');
|
||||
|
||||
@ -62,10 +62,6 @@
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-top: 10px;
|
||||
line-height: 43px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -113,7 +109,6 @@
|
||||
<div th:replace="mobile/common/js :: js"></div>
|
||||
|
||||
<script>
|
||||
$("#body").css("min-height", ($(window).height() - 110) + "px")
|
||||
|
||||
search(1, 20);
|
||||
|
||||
|
||||
@ -69,7 +69,6 @@
|
||||
<div th:replace="mobile/common/js :: js">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$("#form1").css("min-height", ($(window).height() - 140) + "px")
|
||||
$("#chkd").click();
|
||||
|
||||
$("#btnRegister").click(function () {
|
||||
|
||||
@ -213,7 +213,6 @@
|
||||
|
||||
|
||||
<script>
|
||||
$("#body").css("min-height", ($(window).height() - 60) + "px")
|
||||
|
||||
//查询用户信息
|
||||
$.ajax({
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user