本模板将生成一对翻页控件。
原理
- 翻页控件会获取当前页的页面名称,然后使用
#expr表达式计算出上一页和下一页的链接。 - 通过
#ifexist函数判断上一页或下一页是否存在,从而显示或隐藏翻页按钮。
用法
本模板适用于正文较长、需要分段、且页码连续的文章。
使用时应当先准备好页面,如warcraft:瓦里安·乌瑞恩:父辈之血的正文较长,分为六页,分别保存在以下六个子页面中:
- warcraft:瓦里安·乌瑞恩:父辈之血/1
- warcraft:瓦里安·乌瑞恩:父辈之血/2
- warcraft:瓦里安·乌瑞恩:父辈之血/3
- warcraft:瓦里安·乌瑞恩:父辈之血/4
- warcraft:瓦里安·乌瑞恩:父辈之血/5
- warcraft:瓦里安·乌瑞恩:父辈之血/6
为以上六个页面的翻页位置(如开头和结束)分别插入本模板模板:T即可生效。
- 使用
zp参数控制补零位数。
注意事项
- 子页面的名称必须是连续的整数,本模板才能正常工作。
- 中断的页码会导致模板认定错误的首页和末页。
- 在非主名字空间的页面上尚未验证。
样式表
/*paginator*/
.tbui-paginator {
/*最外部容器,上下描边*/
margin: 24px 0!important;
padding: 10px 0!important;
border: 1px solid #56340f;
border-right: 0;
border-left: 0;
}
.tbui-paginator li {
/*列表项,单倍行高*/
line-height:1!important;
}
.tbui-paginator li.paginator-btn a{
/*列表项中的翻页按钮链接*/
border: 1px solid #e39b00;
color: #e39b00;
padding: 0 24px;
height: 40px;
line-height: 40px;
border-radius: 0;
max-width: none;
text-align: center;
background: rgba(0,0,0,0.5);
}
.tbui-paginator li.paginator-btn a:hover {
/*列表项中的翻页按钮链接,悬停时*/
background: rgba(227,155,0,0.5)!important;
color: #FFFFFF!important;
}
.tbui-paginator .tbui-paginator-current{
/*当前页的页码和母页面名称外框*/
margin:0!important;
padding:0!important;
display:inline-block;
text-align:center;
color:#FFFFFF;
}
.tbui-paginator .tbui-paginator-title,
.tbui-paginator .tbui-paginator-pagenum
{
/*当前页的页码和母页面名称*/
display:inline-block;
font-size:16px;
height:20px;
line-height:20px;
text-align:center;
}
