gpttemp
This commit is contained in:
make
67
code/app/home/view/videoGpt1/module/pager/_pager_router.html
Normal file
67
code/app/home/view/videoGpt1/module/pager/_pager_router.html
Normal file
@@ -0,0 +1,67 @@
|
||||
{php}
|
||||
// cfg 统一入口
|
||||
$family = $pagerCfg['family'] ?? 'numeric';
|
||||
$variant = isset($pagerCfg['variant']) ? intval($pagerCfg['variant']) : 0;
|
||||
$tone = isset($pagerCfg['tone']) ? intval($pagerCfg['tone']) : 1;
|
||||
|
||||
// 1. 基础数据
|
||||
$pagerArr = $pagerArr ?? [];
|
||||
$page = $page ?? 1;
|
||||
$pages = $pages ?? 1;
|
||||
|
||||
|
||||
// 3. 计算首页 / 末页 URL
|
||||
$first_url = null;
|
||||
$last_url = null;
|
||||
|
||||
foreach ($pagerArr as $it) {
|
||||
if ($it['type'] === 'page') {
|
||||
if ($first_url === null) $first_url = $it['url'] ?? null;
|
||||
$last_url = $it['url'] ?? $last_url;
|
||||
}
|
||||
}
|
||||
|
||||
// 4. ★ 核心：统一生成 baseCls（一次性解决 Undefined $baseCls）
|
||||
$baseCls = $TpStyle['dom_prefix']
|
||||
. '-pager '
|
||||
. 'pg-' . $family
|
||||
. ' tone-' . intval($tone)
|
||||
. ' v' . intval($variant);
|
||||
|
||||
// 没数据就不渲染
|
||||
if (empty($pagerArr) || $pages <= 1) {
|
||||
return;
|
||||
}
|
||||
{/php}
|
||||
|
||||
|
||||
{switch $family}
|
||||
|
||||
{case value="numeric"}
|
||||
{include file="module/pager/pager_numeric" /}
|
||||
{/case}
|
||||
|
||||
{case value="pill"}
|
||||
{include file="module/pager/pager_pill" /}
|
||||
{/case}
|
||||
|
||||
{case value="block"}
|
||||
{include file="module/pager/pager_block" /}
|
||||
{/case}
|
||||
|
||||
{case value="input"}
|
||||
{include file="module/pager/pager_input" /}
|
||||
{/case}
|
||||
|
||||
{case value="minimal"}
|
||||
{include file="module/pager/pager_minimal" /}
|
||||
{/case}
|
||||
|
||||
{default}
|
||||
{include file="module/pager/pager_numeric" /}
|
||||
{/default}
|
||||
|
||||
{/switch}
|
||||
|
||||
|
||||
|
||||
739
code/app/home/view/videoGpt1/module/pager/pager_block.html
Normal file
739
code/app/home/view/videoGpt1/module/pager/pager_block.html
Normal file
@@ -0,0 +1,739 @@
|
||||
{switch $variant}
|
||||
{case value="0"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="1"}
|
||||
<div class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="2"}
|
||||
<aside class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Back</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Back</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">More</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>More</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="3"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">◀</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>◀</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">▶</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>▶</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="4"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ul>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="5"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="6"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Back</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Back</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">More</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>More</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="7"}
|
||||
<aside class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">◀</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>◀</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">▶</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>▶</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="8"}
|
||||
<footer class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="9"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="10"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Back</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Back</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">More</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>More</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ul>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="11"}
|
||||
<div class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">◀</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>◀</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">▶</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>▶</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="12"}
|
||||
<aside class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="13"}
|
||||
<footer class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="14"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Back</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Back</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">More</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>More</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="15"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">◀</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>◀</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">▶</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>▶</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="16"}
|
||||
<div class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ul>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="17"}
|
||||
<aside class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="18"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Back</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Back</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">More</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>More</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="19"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">◀</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>◀</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">▶</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>▶</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{default}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">◀</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>◀</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">▶</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>▶</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</nav>
|
||||
{/default}
|
||||
{/switch}
|
||||
837
code/app/home/view/videoGpt1/module/pager/pager_input.html
Normal file
837
code/app/home/view/videoGpt1/module/pager/pager_input.html
Normal file
@@ -0,0 +1,837 @@
|
||||
{switch $variant}
|
||||
{case value="0"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="1"}
|
||||
<section class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="2"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</div>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="3"}
|
||||
<aside class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ul>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="4"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ol>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="5"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="6"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="7"}
|
||||
<div class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="8"}
|
||||
<aside class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</div>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="9"}
|
||||
<footer class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ul>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="10"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ol>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="11"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="12"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="13"}
|
||||
<aside class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="14"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</div>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="15"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ul>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="16"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ol>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="17"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="18"}
|
||||
<aside class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_url ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="19"}
|
||||
<footer class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{default}
|
||||
<footer class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</footer>
|
||||
{/default}
|
||||
{/switch}
|
||||
732
code/app/home/view/videoGpt1/module/pager/pager_minimal.html
Normal file
732
code/app/home/view/videoGpt1/module/pager/pager_minimal.html
Normal file
@@ -0,0 +1,732 @@
|
||||
{switch $variant}
|
||||
{case value="0"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="1"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="2"}
|
||||
<div class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="3"}
|
||||
<aside class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="4"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="5"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="6"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="7"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="8"}
|
||||
<aside class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ul>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="9"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="10"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="11"}
|
||||
<section class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="12"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="13"}
|
||||
<aside class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="14"}
|
||||
<footer class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="15"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="16"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="17"}
|
||||
<div class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="18"}
|
||||
<aside class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="19"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{default}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</footer>
|
||||
{/default}
|
||||
{/switch}
|
||||
878
code/app/home/view/videoGpt1/module/pager/pager_numeric.html
Normal file
878
code/app/home/view/videoGpt1/module/pager/pager_numeric.html
Normal file
@@ -0,0 +1,878 @@
|
||||
{switch $variant}
|
||||
{case value="0"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</nav>
|
||||
{/case}
|
||||
{case value="1"}
|
||||
<section class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
{/case}
|
||||
{case value="2"}
|
||||
{// Variant 02 }
|
||||
<div class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
{/case}
|
||||
{case value="3"}
|
||||
{// Variant 03 }
|
||||
<aside class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ol>
|
||||
</aside>
|
||||
|
||||
{/case}
|
||||
{case value="4"}
|
||||
{// Variant 04 }
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{/case}
|
||||
{case value="5"}
|
||||
{// Variant 05 }
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{/case}
|
||||
{case value="6"}
|
||||
{// Variant 06 }
|
||||
<section class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
{/case}
|
||||
{case value="7"}
|
||||
{// Variant 07 }
|
||||
<div class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_urll ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/case}
|
||||
{case value="8"}
|
||||
{// Variant 08 }
|
||||
<aside class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</aside>
|
||||
|
||||
{/case}
|
||||
{case value="9"}
|
||||
{// Variant 09 }
|
||||
<footer class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ol>
|
||||
</footer>
|
||||
|
||||
{/case}
|
||||
{case value="10"}
|
||||
{// Variant 10 }
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{/case}
|
||||
{case value="11"}
|
||||
{// Variant 11 }
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/case}
|
||||
{case value="12"}
|
||||
{// Variant 12 }
|
||||
<div class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/case}
|
||||
{case value="13"}
|
||||
{// Variant 13 }
|
||||
<aside class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
{/case}
|
||||
{case value="14"}
|
||||
{// Variant 14 }
|
||||
<footer class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ol>
|
||||
</footer>
|
||||
|
||||
{/case}
|
||||
{case value="15"}
|
||||
{// Variant 15 }
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
{/case}
|
||||
{case value="16"}
|
||||
{// Variant 16 }
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/case}
|
||||
{case value="17"}
|
||||
{// Variant 17 }
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg-jump" data-pages="{$pages}">
|
||||
<label>跳到</label>
|
||||
<input class="{$TpStyle.dom_prefix}-pg-inp" type="number" min="1" max="{$pages}" value="{$page}">
|
||||
<button class="{$TpStyle.dom_prefix}-pg-btn" type="button"
|
||||
onclick="(function(btn){var wrap=btn.parentNode;var inp=wrap.querySelector('input');var max=parseInt(wrap.getAttribute('data-pages')||1);var p=parseInt(inp.value||1);p=Math.max(1,Math.min(max,p));var u='{:$first_urll ?? '#'}';if(!u){return;}u=u.replace(/page\d+$/i,'page'+p);window.location.href=u;})(this)">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/case}
|
||||
{case value="18"}
|
||||
{// Variant 18 }
|
||||
<aside class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
{/case}
|
||||
{case value="19"}
|
||||
{// Variant 19 }
|
||||
<footer class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{default}
|
||||
<footer class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_urll ?? '#'}">首页</a>
|
||||
</li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li
|
||||
class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge">
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a>
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
||||
{/default}
|
||||
|
||||
{/switch}
|
||||
736
code/app/home/view/videoGpt1/module/pager/pager_pill.html
Normal file
736
code/app/home/view/videoGpt1/module/pager/pager_pill.html
Normal file
@@ -0,0 +1,736 @@
|
||||
{switch $variant}
|
||||
{case value="0"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="1"}
|
||||
<section class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="2"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Prev</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Prev</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Next</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Next</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="3"}
|
||||
<aside class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="4"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ol>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="5"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="6"}
|
||||
<section class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Prev</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Prev</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Next</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Next</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="7"}
|
||||
<div class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="8"}
|
||||
<aside class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="9"}
|
||||
<footer class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="10"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Prev</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Prev</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Next</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Next</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ol>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="11"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="12"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="13"}
|
||||
<aside class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="14"}
|
||||
<footer class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Prev</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Prev</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Next</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Next</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{case value="15"}
|
||||
<nav class="{$baseCls}" aria-label="Pagination">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</nav>
|
||||
{/case}
|
||||
|
||||
{case value="16"}
|
||||
<section class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg-summary">第 {$page} / {$pages} 页</div>
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></li>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">«</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>«</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">»</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>»</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></li>
|
||||
</ol>
|
||||
</section>
|
||||
{/case}
|
||||
|
||||
{case value="17"}
|
||||
<div class="{$baseCls}">
|
||||
<div class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">上一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>上一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">下一页</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>下一页</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/case}
|
||||
|
||||
{case value="18"}
|
||||
<aside class="{$baseCls}">
|
||||
<ul class="{$TpStyle.dom_prefix}-pg">
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Prev</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Prev</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="next"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">Next</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>Next</a>
|
||||
{/if}
|
||||
</li>
|
||||
{elseif $it.type=="page"}
|
||||
<li class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</aside>
|
||||
{/case}
|
||||
|
||||
{case value="19"}
|
||||
<footer class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</footer>
|
||||
{/case}
|
||||
|
||||
{default}
|
||||
<footer class="{$baseCls}">
|
||||
<ol class="{$TpStyle.dom_prefix}-pg">
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$first_url ?? '#'}">首页</a></span>
|
||||
{volist name="pagerArr" id="it"}
|
||||
{if $it.type=="prev"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">‹</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>‹</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="next"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.disabled) || empty($it.url)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-disabled="true">›</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}" {if !empty($it.rel)}rel="{$it.rel}" {/if}>›</a>
|
||||
{/if}
|
||||
</span>
|
||||
{elseif $it.type=="page"}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it {if !empty($it.current)}is-current{/if} {if !empty($it.disabled)}is-disabled{/if}">
|
||||
{if !empty($it.current)}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-a" aria-current="page">{$it.label}</span>
|
||||
{else/}
|
||||
<a class="{$TpStyle.dom_prefix}-pg-a" href="{$it.url}">{$it.label}</a>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<span class="{$TpStyle.dom_prefix}-pg-it is-edge"><a class="{$TpStyle.dom_prefix}-pg-a" href="{:$last_url ?? '#'}">末页</a></span>
|
||||
</ol>
|
||||
</footer>
|
||||
{/default}
|
||||
{/switch}
|
||||
Reference in New Issue
Block a user