{extend name="base" /}

{block name="get-data"}

{video:ranklistexp page="1" limit="30"
v_parent_category_en="$Request.route.strParentCategory"
v_category_en="$Request.route.strCategory"
sort_type="$Request.route.strSortType"
d_key="key"
d_val="Video"
p_val="page_data" button_num="10" cache_life="3600" export_name="arrVideoRankList" /}

{site:grm page_code="h5_rank_list_type" diff="$Request.route.intPage" num="100" g_key="arrGrm" /}
{site:helper func="initVideoRankListTKD" /}

{/block}

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

{block name="head"}

{// 社交媒体标签}
<meta property="og:title" content='{site:replace code="VIDEO@GETVIDEORANKLIST@TITLE"}' />
<meta property="og:description" content='{site:replace code="VIDEO@GETVIDEORANKLIST@DESCRIPTION"}' />
<meta property="og:url" content="https://{$DomainModel->d_domain}" />
<meta property="og:type" content="video.movie" />


<!-- 结构化数据 -->
<script type="application/ld+json">
[
    {
        "@context": "https://schema.org",
        "@type": "CollectionPage",
        "name": "{$DomainModel->d_name} - 最新排行榜推荐",
        "url": "https://{$DomainModel->d_domain}",
        "headline": '{site:replace code="VIDEO@GETVIDEORANKLIST@TITLE"}',
        "description": '{site:replace code="VIDEO@GETVIDEORANKLIST@DESCRIPTION"}',
        "potentialAction": {
            "@type": "SearchAction",
            "target": 'https://{$DomainModel->d_domain}{site:vsurl key="search_term_string" p="1"/}",
            "query-input": "required name=search_term_string"
        }
        "hasPart": [
            {volist name="arrVideoRankList" id="Video" key="key"}
        
            {if $key < 10 }
            {
                "@type": "VideoObject",
                "name": "{$Video.v_name}",
                "description": "{$Video.v_description}",
                "thumbnailUrl": '{$Video.v_pic}',
                "uploadDate": "{:date('Y-m-d')}",
                "url": 'https://{$DomainModel->d_domain}{site:vurl v_id="$Video.v_id" v_py="$Video.v_name_en"/}',
            },
            {/if}
            {/volist}
            
        ]
    },
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "首页",
                "item": "https://{$DomainModel->d_domain}"
            },
            {
              "@type": "ListItem",
              "position": 2,
              "name": "排行榜",
              "item": "https://{$DomainModel->d_domain}{$strRankUrlTemp}"
          },
          {
              "@type": "ListItem",
              "position": 3,
              "name": "{site:getval code="strVideoParentCategoryName"  /}{site:getval code="strVideoCategoryName"  /}{site:getval code="strOrderName"  /}排行榜",
              "item": "https://{$DomainModel->d_domain}{site:vrlurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" sort_type="$Request.route.strSortType"  page="1"/}"
          }
        ]
    },
]
</script>

{/block}

{block name="head-css"}
{/block}
{block name="head-js"}

{/block}

{block name="main"}



<div class="cfa4e9 container">
    <div class="db105d layout-box top-weizhi mb-xs-0 hidden-sm hidden-xs">
        <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>
                <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <a href='{site:vrlurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" sort_type="$Request.route.strSortType"  page="1"/}'
                        itemprop="item">
                        <span itemprop="name">{site:getval code="strVideoParentCategoryName" /}{site:getval
                            code="strVideoCategoryName" /}{site:getval code="strOrderName" /}排行榜</span>
                    </a>
                    <meta itemprop="position" content="2" />
                </li>
            </ol>
        </nav>
    </div>

    <h1 class="view-title">
        {site:replace code="VIDEO@GETVIDEORANKLIST@H1"}
    </h1>
    <h4 class="view-description">{site:replace code="VIDEO@GETVIDEORANKLIST@TEXT"}</h4>



    <div class="dd4456 type-box clearfix">
        <div class="f008a5 type-title bottom-line">
            <span class="c3d883 pull-left" id="conreset">
                <a href="#">排行榜列表</a>
            </span>

        </div>


        <div class="d2a62b slideDown-box">

            <div class="d6afbc type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode"
                style="height:55px">
                <ul class="b44e9d swiper-wrapper" id="swiper-wrapper-f8ad8b226c38851e" aria-live="polite">
                    <li class="a4e370 swiper-slide swiper-slide-active" role="group" aria-label="1 / 8"><a
                            class="c698b6 text-muted">分类</a></li>

                    {video:categorytype category_type="ONE" d_key="key" d_val="val"}
                    <li
                        class="c62f86 swiper-slide {if $Request.route.strParentCategory == $val.v_category_en}active{/if} swiper-slide-next">
                        <a
                            href='{site:vrlurl  parent_category="$val.v_category_en" category="all" sort_type="daily"  page="1"/}'>
                            {$val.v_category}
                        </a>
                    </li>
                    {/video:categorytype}
                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>

            <div style="height:55px"
                class="cacdfa type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode">
                <ul class="dd4d5b swiper-wrapper" id="swiper-wrapper-e663a425f51df766" aria-live="polite">
                    <li class="e236d4 swiper-slide swiper-slide-active" role="group" aria-label="1 / 10"><a
                            class="c96097 text-muted">类型</a></li>

                    {video:categorytype category_type="ONE" d_key="key" d_val="val"}
                    {if $val.v_category_en == $Request.route.strParentCategory}
                    {foreach $val.children as $intChildrenKey=>$arrChildrenCategory }
                    <li
                        class="a85999 swiper-slide {if $Request.route.strCategory == $arrChildrenCategory.v_category_en}active{/if}">
                        <a
                            href='{site:vrlurl  parent_category="$Request.route.strParentCategory" category="$arrChildrenCategory.v_category_en" sort_type="$Request.route.strSortType"  page="1"/}'>{$arrChildrenCategory.v_category}</a>
                    </li>
                    {/foreach}
                    {/if}
                    {/video:categorytype}

                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>

            <div style="height:55px"
                class="dc7d8b type-select type-select-slide swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode">
                <ul class="ce89a4 swiper-wrapper" id="swiper-wrapper-4d392443bbf795ee" aria-live="polite">
                    <li class="ba1423 swiper-slide swiper-slide-active" role="group" aria-label="1 / 18"><a
                            class="e4be3b text-muted">排序</a></li>
                    {video:ranksort d_key="key" d_val="val"}

                    <li class="c9a468 swiper-slide {if $Request.route.strSortType == $key}active{/if}" role="group"
                        aria-label="3 / 18">
                        <a
                            href='{site:vrlurl  parent_category="$Request.route.strParentCategory" category="$Request.route.strCategory" sort_type="$key"  page="1"/}'>{$val}</a>
                    </li>
                    {/video:ranksort}
                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </div>

    </div>
    <div class="ee356a layout-box">
        <div class="e3c2c3 row">


            <ul class="c8ffac img-list hidden cs-list-r" id="content">
                {foreach $arrVideoRankList as $key=>$Video}
                {include file="public/video-list-shu" start="0" col-md="5"/}
                {/foreach}
            </ul>
        </div>
    </div>

</div>


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

{/block}