本模板将生成一对翻页控件。
原理
- 翻页控件会获取当前页的页面名称,然后使用
#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; }