<!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>
    $.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>