{extend name="baseH5" /}

{block name="get-data"}
{site:helper func="initRankTKD"  /}
{/block}

{block name="title"}{site:replace code="NOVEL@GETNOVELRANK@TITLE"}{/block}
{block name="keywords"}{site:replace code="NOVEL@GETNOVELRANK@KEYWORDS"}{/block}
{block name="description"}{site:replace code="NOVEL@GETNOVELRANK@DESCRIPTION"}{/block}

{block name="head"}
<!-- 社交媒体标签 -->
<meta property="og:title" content='{site:replace code="NOVEL@GETNOVELRANK@TITLE"}' />
<meta property="og:description" content='{site:replace code="NOVEL@GETNOVELRANK@DESCRIPTION"}' />
<meta property="og:url" content="https://{$DomainModel->d_domain}{$strRankUrlTemp}" />
<meta property="og:type" content="book" />
<!-- 结构化数据 -->
<script type="application/ld+json">
{
  "@context": "https://{$DomainModel->d_domain}{$strRankUrlTemp}",
  "@type": "book",
  "headline": '{site:replace code="NOVEL@GETNOVELRANK@TITLE"}',
  "description": '{site:replace code="NOVEL@GETNOVELRANK@DESCRIPTION"}',
  "datePublished": "{:date('Y-m-d')}"
}
</script>
{/block}
{block name="head-js"}{/block}

{block name="logo-html"}
<h1 class="logo">
    <a href="/">{$DomainModel->d_name}--排行榜最新免费阅读</a>
</h1>
{/block}

{block name="strPageCode"}
    <?php $strPageCode = 'rank'; ?>
{/block}

{block name="logo-html"}
<a href="/">
    <h2 >-{$DomainModel->d_name}-<span>{$DomainModel->d_text_logo}</span></h2>
</a>
{/block}

{block name="main"}

{site:grm page_code="h5_rank" diff="0" num="100" g_key="arrGrm" /}

<h1  class="site-description">{site:getval code="strNovelStatus"  /}小说{site:getval code="strNovelOrder"  /}排行榜 - 免费在线阅读</h1>
<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="{$strRankUrlTemp}" itemprop="item">
                <span itemprop="name">排行榜</span>
            </a>
            <meta itemprop="position" content="2" />
        </li>
    </ol>
</nav>

<div class="layout-root">
    <div id="w-rank">
        <div class="header">
            <div class="back flex-center" onclick="history.go(-1)">
                <div class="svg">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                        <path
                            d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z">
                        </path>
                    </svg>
                </div>
            </div>
            <div class="navs">
                {novel:status d_key="key" d_val="val"}
                <a href='{site:rankurl  order="$Request.route.strOrder" status="$key" page="1"/}' 
                    id="pai_hang_{$key}" class="tabs-item">{$val}</a>
                {/novel:status}
            </div>
            
            <script>
                $(function(){
                    $("#pai_hang_{$Request.route.strStatus}").addClass("active")
                })
            </script>
        </div>
        <div class="wrap">
            <div class="side-left">
                <div class="slide-box">
                    <a href="{$strCategoryIndexUrlTemp}" class="slide-item  " id="fenlei_all">{site:wz wz="全部" /}</a>
                    {novel:ranksort d_key="key" d_val="val"}
                    <a href='{site:rankurl  status="$Request.route.strStatus" order="$key" page="$Request.route.intPage"/}' 
                    id="fenlei_{$key}" class="slide-item  ">{$val}榜</a>
                    {/novel:ranksort} 
                
                </div>
                <script>
                    $(function(){
                        $(`#fenlei_{$Request.route.strOrder}`).addClass("active")
                    })
                </script>
            </div>
            <div class="side-content">
                <div class="novel-list mei_ri_gen_xin_list paihang-bang">
                    {novel:ranklist count="10" sort_type="$Request.route.strOrder"  n_status="$Request.route.strStatus" d_key="key" d_val="Novel" cache_life="86400"}
                    <a href='{site:nurl n_id="$Novel.n_id" n_py="$Novel.n_name_pinyin"/}' class="list-header">
                        {if !empty($arrGrm[$key])}
                            {$arrGrm[$key]|raw}
                        {/if}
                        <div class="sort-index custom-box">{$key +=1}</div>
                        <div class="block_txt ">
                            <h2>{$Novel.n_name}</h2>
                            <p class="xiaoshuo_info">
                                {$Novel.n_description}
                            </p>
                        </div>
                    </a>
                    {/novel:ranklist}
                </div>
            </div>
        </div>
       
        
    </div>
</div>
{/block} 

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