mirror of
https://github.com/201206030/novel-plus.git
synced 2025-04-27 01:30:51 +00:00
313 lines
16 KiB
Java
313 lines
16 KiB
Java
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>帝霸</title>
|
||
<link rel="stylesheet" href="./layui/css/layui.css">
|
||
<style type="text/css">
|
||
|
||
.indexP p a {
|
||
color: #4c6978;
|
||
}
|
||
|
||
.Readarea {
|
||
font-size: 18px;
|
||
line-height: 35px;
|
||
padding: 10px;
|
||
color: #333;
|
||
}
|
||
|
||
div, p {
|
||
wrap-work: break-word;
|
||
word-break: break-all;
|
||
word-wrap: break-word;
|
||
word-break: normal;
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
-ms-box-sizing: border-box;
|
||
}
|
||
|
||
.indexDiv a {
|
||
margin-left: 20px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<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: #92B8B1;" class="layui-icon"></i></a>
|
||
</div>
|
||
<b class="layui-icon">搜索小说</b>
|
||
<div style="float: right;margin-right: 10px">
|
||
<i style="font-size: 20px;color: #92B8B1;" class="layui-icon"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-container">
|
||
<div class="layui-row">
|
||
|
||
<div class="layui-col-xs10 layui-col-sm10 layui-col-md11 layui-col-lg11" style="padding-top:1%">
|
||
<input type="text" name="title" required lay-verify="required" placeholder="请输入书名·作者" autocomplete="off"
|
||
class="layui-input">
|
||
</div>
|
||
<div class="layui-col-xs1" style="padding: 1%">
|
||
<button class="layui-btn" lay-submit lay-filter="formDemo">搜索</button>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layui-row" style="margin-bottom:10px;padding:10px;background: #f2f2f2">
|
||
<div class="layui-col-xs5 layui-col-sm2 layui-col-md2 layui-col-lg2">
|
||
<img align="left"
|
||
style="width:auto; height:auto; max-width:100%; max-height:100%;" src="static/4868.jpg"/>
|
||
</div>
|
||
<div style="padding: 20px" class="layui-col-xs7 layui-col-sm8 layui-col-md8 layui-col-lg8">
|
||
<div style=";color: #4c6978;font-weight: bold;font-size: 20px">帝霸</div>
|
||
<div style=";color: #4c6978;float: right;"><i style="color: red">9.2分</i></div>
|
||
<div style=";color: #4c6978;">作者：厌笔萧生</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">类别：玄幻奇幻</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">状态：连载</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">更新：<i>2019-08-22</i></div>
|
||
<div class="layui-collapse" style="margin-top: 5px;">
|
||
<div class="layui-colla-item">
|
||
<h2 style="color: #4c6978;" class="layui-colla-title">简介：</h2>
|
||
<div style="color: #4c6978;" class="layui-colla-content">
|
||
|
||
一觉醒来，世界大变。熟悉的高中传授的是魔法，
|
||
告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，
|
||
虎视眈眈。崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
|
||
一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layui-row" style="margin-bottom:10px;padding:10px;background: #f2f2f2">
|
||
<div class="layui-col-xs5 layui-col-sm2 layui-col-md2 layui-col-lg2">
|
||
<img align="left"
|
||
style="width:auto; height:auto; max-width:100%; max-height:100%;" src="static/4868.jpg"/>
|
||
</div>
|
||
<div style="padding: 20px" class="layui-col-xs7 layui-col-sm8 layui-col-md8 layui-col-lg8">
|
||
<div style=";color: #4c6978;font-weight: bold;font-size: 20px">帝霸</div>
|
||
<div style=";color: #4c6978;float: right;"><i style="color: red">9.2分</i></div>
|
||
<div style=";color: #4c6978;">作者：厌笔萧生</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">类别：玄幻奇幻</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">状态：连载</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">更新：<i>2019-08-22</i></div>
|
||
<div class="layui-collapse" style="margin-top: 5px;">
|
||
<div class="layui-colla-item">
|
||
<h2 style="color: #4c6978;" class="layui-colla-title">简介：</h2>
|
||
<div style="color: #4c6978;" class="layui-colla-content">
|
||
|
||
一觉醒来，世界大变。熟悉的高中传授的是魔法，
|
||
告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，
|
||
虎视眈眈。崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
|
||
一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layui-row" style="margin-bottom:10px;padding:10px;background: #f2f2f2">
|
||
<div class="layui-col-xs5 layui-col-sm2 layui-col-md2 layui-col-lg2">
|
||
<img align="left"
|
||
style="width:auto; height:auto; max-width:100%; max-height:100%;" src="static/4868.jpg"/>
|
||
</div>
|
||
<div style="padding: 20px" class="layui-col-xs7 layui-col-sm8 layui-col-md8 layui-col-lg8">
|
||
<div style=";color: #4c6978;font-weight: bold;font-size: 20px">帝霸</div>
|
||
<div style=";color: #4c6978;float: right;"><i style="color: red">9.2分</i></div>
|
||
<div style=";color: #4c6978;">作者：厌笔萧生</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">类别：玄幻奇幻</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">状态：连载</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">更新：<i>2019-08-22</i></div>
|
||
<div class="layui-collapse" style="margin-top: 5px;">
|
||
<div class="layui-colla-item">
|
||
<h2 style="color: #4c6978;" class="layui-colla-title">简介：</h2>
|
||
<div style="color: #4c6978;" class="layui-colla-content">
|
||
|
||
一觉醒来，世界大变。熟悉的高中传授的是魔法，
|
||
告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，
|
||
虎视眈眈。崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
|
||
一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layui-row" style="margin-bottom:10px;padding:10px;background: #f2f2f2">
|
||
<div class="layui-col-xs5 layui-col-sm2 layui-col-md2 layui-col-lg2">
|
||
<img align="left"
|
||
style="width:auto; height:auto; max-width:100%; max-height:100%;" src="static/4868.jpg"/>
|
||
</div>
|
||
<div style="padding: 20px" class="layui-col-xs7 layui-col-sm8 layui-col-md8 layui-col-lg8">
|
||
<div style=";color: #4c6978;font-weight: bold;font-size: 20px">帝霸</div>
|
||
<div style=";color: #4c6978;float: right;"><i style="color: red">9.2分</i></div>
|
||
<div style=";color: #4c6978;">作者：厌笔萧生</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">类别：玄幻奇幻</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">状态：连载</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">更新：<i>2019-08-22</i></div>
|
||
<div class="layui-collapse" style="margin-top: 5px;">
|
||
<div class="layui-colla-item">
|
||
<h2 style="color: #4c6978;" class="layui-colla-title">简介：</h2>
|
||
<div style="color: #4c6978;" class="layui-colla-content">
|
||
|
||
一觉醒来，世界大变。熟悉的高中传授的是魔法，
|
||
告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，
|
||
虎视眈眈。崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
|
||
一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layui-row" style="margin-bottom:10px;padding:10px;background: #f2f2f2">
|
||
<div class="layui-col-xs5 layui-col-sm2 layui-col-md2 layui-col-lg2">
|
||
<img align="left"
|
||
style="width:auto; height:auto; max-width:100%; max-height:100%;" src="static/4868.jpg"/>
|
||
</div>
|
||
<div style="padding: 20px" class="layui-col-xs7 layui-col-sm8 layui-col-md8 layui-col-lg8">
|
||
<div style=";color: #4c6978;font-weight: bold;font-size: 20px">帝霸</div>
|
||
<div style=";color: #4c6978;float: right;"><i style="color: red">9.2分</i></div>
|
||
<div style=";color: #4c6978;">作者：厌笔萧生</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">类别：玄幻奇幻</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">状态：连载</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">更新：<i>2019-08-22</i></div>
|
||
<div class="layui-collapse" style="margin-top: 5px;">
|
||
<div class="layui-colla-item">
|
||
<h2 style="color: #4c6978;" class="layui-colla-title">简介：</h2>
|
||
<div style="color: #4c6978;" class="layui-colla-content">
|
||
|
||
一觉醒来，世界大变。熟悉的高中传授的是魔法，
|
||
告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，
|
||
虎视眈眈。崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
|
||
一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layui-row" style="margin-bottom:10px;padding:10px;background: #f2f2f2">
|
||
<div class="layui-col-xs5 layui-col-sm2 layui-col-md2 layui-col-lg2">
|
||
<img align="left"
|
||
style="width:auto; height:auto; max-width:100%; max-height:100%;" src="static/4868.jpg"/>
|
||
</div>
|
||
<div style="padding: 20px" class="layui-col-xs7 layui-col-sm8 layui-col-md8 layui-col-lg8">
|
||
<div style=";color: #4c6978;font-weight: bold;font-size: 20px">帝霸</div>
|
||
<div style=";color: #4c6978;float: right;"><i style="color: red">9.2分</i></div>
|
||
<div style=";color: #4c6978;">作者：厌笔萧生</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">类别：玄幻奇幻</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">状态：连载</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">更新：<i>2019-08-22</i></div>
|
||
<div class="layui-collapse" style="margin-top: 5px;">
|
||
<div class="layui-colla-item">
|
||
<h2 style="color: #4c6978;" class="layui-colla-title">简介：</h2>
|
||
<div style="color: #4c6978;" class="layui-colla-content">
|
||
|
||
一觉醒来，世界大变。熟悉的高中传授的是魔法，
|
||
告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，
|
||
虎视眈眈。崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
|
||
一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layui-row" style="margin-bottom:10px;padding:10px;background: #f2f2f2">
|
||
<div class="layui-col-xs5 layui-col-sm2 layui-col-md2 layui-col-lg2">
|
||
<img align="left"
|
||
style="width:auto; height:auto; max-width:100%; max-height:100%;" src="static/4868.jpg"/>
|
||
</div>
|
||
<div style="padding: 20px" class="layui-col-xs7 layui-col-sm8 layui-col-md8 layui-col-lg8">
|
||
<div style=";color: #4c6978;font-weight: bold;font-size: 20px">帝霸</div>
|
||
<div style=";color: #4c6978;float: right;"><i style="color: red">9.2分</i></div>
|
||
<div style=";color: #4c6978;">作者：厌笔萧生</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">类别：玄幻奇幻</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">状态：连载</div>
|
||
<div style="margin-top: 5px;color: #4c6978;">更新：<i>2019-08-22</i></div>
|
||
<div class="layui-collapse" style="margin-top: 5px;">
|
||
<div class="layui-colla-item">
|
||
<h2 style="color: #4c6978;" class="layui-colla-title">简介：</h2>
|
||
<div style="color: #4c6978;" class="layui-colla-content">
|
||
|
||
一觉醒来，世界大变。熟悉的高中传授的是魔法，
|
||
告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，
|
||
虎视眈眈。崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，
|
||
一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师！
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div id="books" style="text-align: center"></div>
|
||
|
||
|
||
<div style="height: 60px;line-height: 60px;text-align: center" class="layui-footer footer footer-demo layui-bg-cyan">
|
||
<a style="font-size: 14px;color: #92B8B1;">首页</a>
|
||
<a style="font-size: 14px;color: #92B8B1;margin-left: 50px">阅读记录</a>
|
||
<div style="float: right"><a href="#top"><i class="layui-icon"
|
||
style="margin-right:15px;font-size: 30px;color:#92B8B1 "></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<a name="buttom"></a>
|
||
</body>
|
||
|
||
<script src="./layui/layui.all.js"></script>
|
||
|
||
|
||
<script>
|
||
layui.use('laypage', function () {
|
||
var laypage = layui.laypage;
|
||
|
||
//执行一个laypage实例
|
||
laypage.render({
|
||
elem: 'books' //注意，这里的 test1 是 ID，不用加 # 号
|
||
, count: 50 //数据总数，从服务端得到
|
||
, jump: function (obj, first) {
|
||
|
||
|
||
//obj包含了当前分页的所有参数，比如：
|
||
console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
|
||
console.log(obj.limit); //得到每页显示的条数
|
||
|
||
//首次不执行
|
||
if (!first) {
|
||
//do something
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
</script>
|
||
|
||
</html> |