{extend name="baseH5" /} 
{block name="title"}{$strTitle??''}{/block}
{block name="keywords"}{$strKeywords??''}{/block}
{block name="description"}{$strDescription??''}{/block}
{block name="head"}
<!-- 社交媒体标签 -->
<meta property="og:title" content="{$strTitle??''}" />
<meta property="og:description" content="{$strDescription??''}" />
<meta property="og:url" content="https://{$DomainModel->d_domain}" /> 
<meta property="og:type" content="book" />
<!-- 结构化数据 -->
<script type="application/ld+json">
{
  "@context": "https://{$DomainModel->d_domain}",
  "@type": "book",
  "headline": "{$strTitle??''}",
  "description": "{$strDescription??''}",
  "datePublished": "{:date('Y-m-d')}"
}
</script>
{/block}
{block name="head-js"}{/block}

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

{block name="main"}
<!--wrap-->
<div class="wrap">
    <!--slide-->
    <div class="swiper-container">
        <div class="swiper-wrapper"></div>
        <div class="swiper-pagination"></div>
    </div>
    <!-- search -->
    <div class="bar">
        <form method="post" name="search" action="/search.html">
            <input type="text" name="keyword" id="q" placeholder="请输入书名/作者" class="search-key" />
            <button type="submit" class="search-btn" id="search-btn">Go</button>
        </form>
    </div>
    <!-- nav -->
    <div class="nav">
        <a href="/paihang/all">
            <img src="/template/kuangyu/home/new_wap/images/ranking.png" alt="排行榜" />
            <span>排行榜</span>
        </a>
        <a href="/shuku/all">
            <img src="/template/kuangyu/home/new_wap/images/bookcase.png" alt="书库" />
            <span>书库</span>
        </a>
        <!-- <a href="/article/list.html">
            <img src="/template/kuangyu/home/new_wap/images/hasreading.png"
            alt="文章" />
            <span>文章</span>
        </a> -->
        <a href="/user">
            <img src="/template/kuangyu/home/new_wap/images/user.png"
            alt="书架" />
            <span>个人中心</span>
        </a>
    </div>

    <!-- hot-book -->
    <div class="mod hot-book">
        <div class="mod-head">
            <h3>热门小说</h3>
        </div>
        <div class="book-slide">
            <ul class="clearfix">
                {volist name="arrRecommendNovel" id="Novel" key="key"}
                    {include file="Public/novelListS" /}
                {/volist}
            </ul>
        </div>
    </div>
    <!-- /hot-book -->
    <!-- new-book -->
    <div class="mod new-book">
        <div class="mod-head">
            <h3>最新小说</h3>
        </div>
        <div class="book-list">
            <ul class="clearfix">
                {volist name="arrNewsNovel" id="Novel" key="key"}
                    {include file="Public/novelListH" /}
                {/volist}
            </ul>
        </div>
    </div>
    <!-- /new-book -->
    <!-- rank -->
    <div class="mod new-news">
        <div class="mod-head">
            <h3>小说排行榜</h3>
        </div>
        <div class="mod-tabs">
            <ol class="clearfix">
                <li class="on">日排榜</li>
                <li>周排榜</li>
                <li>月排榜</li>
                <li>完结榜</li>
            </ol>
        </div>
        <!--tab1-->
        <div class="mod-body">
            <div class="top-list">
                <ul class="clearfix">
                    {volist name="arrDayRankNovel" id="Novel" key="key"}
                        {include file="Public/novelListH" /}
                    {/volist}
                </ul>
            </div>
        </div>
        <!--tab2-->
        <div class="mod-body" style="display: none">
            <div class="top-list">
                <ul class="clearfix">
                    {volist name="arrWeekRankNovel" id="Novel" key="key"}
                        {include file="Public/novelListH" /}
                    {/volist}
                </ul>
            </div>
        </div>
        <!--tab3-->
        <div class="mod-body" style="display: none">
            <div class="top-list">
                <ul class="clearfix">
                    {volist name="arrMoonRankNovel" id="Novel" key="key"}
                        {include file="Public/novelListH" /}
                    {/volist}
                </ul>
            </div>
        </div>
        <!--tab4-->
        <div class="mod-body" style="display: none">
            <div class="top-list">
                <ul class="clearfix">
                    {volist name="arrEndNovelRankNovel" id="Novel" key="key"}
                        {include file="Public/novelListH" /}
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
    <!-- /rank -->
</div>
{/block} {block name="customize"} {/block}