用户信息
帖子内容
1 楼
weeya
钻石会员
积分 1066
注册 2010-10-28
     
3.0.1.6版本分页page模板修改实例
前台调用代码
<div class="pagi">{$=pagi('{$-pagi-pagenum}', '{$-pagi-pagetotal}', $createURL('list', '{$-category}', array('page' => '[~page]')), 'pagi-2')}</div>

CSS样式增加
.pagi {
  line-height: 100%; text-align: center
}
.pagi a {
display: inline-block; background: #fff; padding: 10px; font-size: 1.4rem; color: #666; border: #eee 1px solid; border-right: 0px; cursor: pointer; vertical-align: middle
}
.pagi a:last-child {
  border-right: #eee 1px solid
}
.pagi a.on {
  text-decoration: underline
}

修改或增加page节点
/common/template/config.jtbc文件,默认的pagi-2节点代码如下:
<a class="link" href="{$-firstpagelink}">&laquo;</a>{@}<a class="link {$-class}" href="{$-link}">{$-num}</a>{@}<a class="link" href="{$-lastpagelink}">&raquo;</a>

注明:
<a class="link" href="{$-firstpagelink}">&laquo;</a>是上一页的链接,
<a class="link {$-class}" href="{$-link}">{$-num}</a>是页码的链接
<a class="link" href="{$-lastpagelink}">&raquo;</a>是下一页的链接。理解了就可以随意修改。


另附原分页代码和一个我修改的分页代码对比下周末修改的

原分页模板代码如下
<span>{$-page1}/{$-page2}</span><a class="link first" link="{$-firstpagelink}">&laquo;</a>{@}<a class="link {$-class}" link="{$-link}">{$-num}</a>{@}<a class="link last" link="{$-lastpagelink}">&raquo;</a><input type="text" id="{$-pagiid}-input" class="pagenum" value="{$-next-page-num}" /><a mode="pagigo" baselink="{$-baselink}" class="go">GO</a>


我修改的一个分页代码如下。
<ul class="pagination"><li><a href="{$-firstpagelink}" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>{@}<li class="active"><a href="{$-link}">{$-num}</a></li>{@}<li><a href="{$-lastpagelink}" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li></ul>

大家可以对比下就知道分页代码怎么修改了。
{$-firstpagelink}是上一页的链接代码
{$-link}是页码的链接代码
{$-lastpagelink}是下一页的链接代码
2018-10-10 20:31:11 东莞网站建设 http://www.yiisu.com/