739 lines
32 KiB
HTML
739 lines
32 KiB
HTML
{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} |