本模板将生成一对翻页控件。

400px

原理

  • 翻页控件会获取当前页的页面名称,然后使用#expr表达式计算出上一页和下一页的链接。
  • 通过#ifexist函数判断上一页或下一页是否存在,从而显示或隐藏翻页按钮。

用法

本模板适用于正文较长、需要分段、且页码连续的文章。

使用时应当先准备好页面,如warcraft:瓦里安·乌瑞恩:父辈之血的正文较长,分为六页,分别保存在以下六个子页面中:

为以上六个页面的翻页位置(如开头和结束)分别插入本模板模板: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;
 }
 
0.0
0人评价
avatar