{extend name="baseH5" /}
{block name='nav-active-class'}home{/block}
{block name="title"}{/block}
{block name="head-js"}{/block}

{block name="logo-html"}
<h1 class="logo">
    <a href="/">狂雨小说</a>
</h1>
{/block}

{block name="main"}
<div class="wrap">
    <nav class="breadcrumb" aria-label="breadcrumb">
        <ol itemscope itemtype="https://schema.org/BreadcrumbList">
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href="/" itemprop="item">
                    <span itemprop="name">首页</span>
                </a>
                <meta itemprop="position" content="1" />
            </li>
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href="/shuku/all" itemprop="item">
                    <span itemprop="name">书库</span>
                </a>
                <meta itemprop="position" content="2" />
            </li>
        </ol>
    </nav>

    <!-- book-nav -->
    <div class="mod mod-nav">
        <div id="book-nav" class="book-nav">
            <ul class="clearfix">
                <li class='{eq name="strGender" value="all"}on {/eq}'><a href='/shuku/all/{$strCategory}/{$strStatus}/page{$intPage}' title="全部">全部</a></li>
                <li class='{eq name="strGender" value="nansheng-xiaoshuo"}on {/eq}'><a href='/shuku/nansheng-xiaoshuo/{$strCategory}/{$strStatus}/page{$intPage}' title="男生">男生</a></li>
                <li class='{eq name="strGender" value="nvsheng-xiaoshuo"}on {/eq}'><a href='/shuku/nvsheng-xiaoshuo/{$strCategory}/{$strStatus}/page{$intPage}' title="女生">女生</a></li>
            </ul>
        </div>
        <div id="book-nav" class="book-nav">
            <ul class="clearfix">

                <li class='{eq name="strCategory" value="all"}on {/eq}'>
                    <a href="/shuku/{$strGender}/all/{$strStatus}/page{$intPage}" btn="search_category">全部</a>
                </li>
                {foreach $arrCategory as $key=>$vo } 
                    <li class='{eq name="key" value="$strCategory"}on {/eq}'>
                        <a href="/shuku/{$strGender}/{$key}/{$strStatus}/page{$intPage}" btn="search_category">{$vo}</a>
                    </li>
                {/foreach}
            </ul>
        </div>
        <div id="book-nav" class="book-nav">
            <ul class="clearfix">
                <li  class='{eq name="strStatus" value="all"}on {/eq}'>
                    <a  href="/shuku/{$strGender}/{$strCategory}/all/page{$intPage}" btn="search_category">全部</a>
                </li>
                <li  class='{eq name="strStatus" value="lianzai"}on {/eq}'>
                    <a href="/shuku/{$strGender}/{$strCategory}/lianzai/page{$intPage}" btn="search_category">连载</a>
                </li>
                <li  class='{eq name="strStatus" value="wanjie"}on {/eq}'>
                    <a href="/shuku/{$strGender}/{$strCategory}/wanjie/page{$intPage}" btn="search_category">完本</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="mod new-book">
        <div class="book-list">
            <ul class="clearfix">
                {volist name="arrNovel" id="Novel" key="key"}
                    {include file="Public/novelListH" /}
                {/volist}
            </ul>
        </div>

        <div class="pages">
            <ul class="pager">
                {volist name="arrPaginator" id="vo" key="k"}
                    {switch $vo.label}
                        {case value="上一页"}
                            {if $intPage == 1}
                            <li class="disabled"><span>«</span></li>
                            {else}
                            <li><a href="{$vo.url}">«</a></li>
                            {/if}
                        {/case}
                        {case value="下一页"} 
                            {if $intPage >= $intTotalPage}
                            <li class="disabled"><span>»</span></li>
                            {else}
                            <li><a href="{$vo.url}">»</a></li>
                            {/if}
                        {/case}
                    {/switch}
                {/volist}
            </ul>
        </div>
    </div>
    <!-- hot-book -->
</div>
{/block}

{block name="customize"} {/block}