第一步:PbootCMS 單頁(yè)/總頁(yè)數(shù) 分頁(yè)條效果
顯示上一頁(yè),下一頁(yè),首頁(yè),尾頁(yè),和當(dāng)前頁(yè),以及當(dāng)前頁(yè)位于總頁(yè)數(shù)的位置
這種分頁(yè)效果簡(jiǎn)潔明了,適合博客站和咨詢站等網(wǎng)站使用
{pboot:if({page:rows}>0)} |
第二步:CSS樣式代碼
美化后的分頁(yè)條效果
/* ----- 通用PB分頁(yè)條 ----- */ .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; padding: 6px 8px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #4fc08d; border: 1px solid #4fc08d; } .pagination a.page-num-current { color: #fff; background: #4fc08d; border: 1px solid #4fc08d; } |
版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請(qǐng)注明: PbootCMS制作個(gè)性分頁(yè)條之單頁(yè)/總頁(yè)數(shù)效果