<!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 th:utext="${book.bookName}+'最新免费章节目录列表'"></title>

    <meta name="keywords" th:content="${book.bookName}+','+${book.bookName}+'最新章节'">

    <meta name="description"
          th:content="${book.bookName}+'最新章节列表,'+${book.bookName}+'最新更新章节免费无广告无弹窗在线阅读TXT下载。'">


    </div>

    <div th:include="mobile/common/css :: css"></div>

    <style type="text/css">

        .indexP p a {
            color: #4c6978;
        }

        .line-limit-length {

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }
    </style>
    </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">

    <div style="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 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">

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



</div>
</div>
<div th:replace="mobile/common/footer :: footer">
</div>

<a name="buttom"></a>
</body>
<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(){
        var token = localStorage.getItem("token");
        if(token) {
            window.location.href = "/book/search?token=" + token;
        }else{
            window.location.href = "/user/login.html";
        }
    }
</script>


</html>