{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}