
AB模板網(www.tbwwir.cn)專注企業網站模板制作,包括企業pbootcms網站模板,靜態網頁模板,網站源碼下載,HTML網站模板等等。XML地圖 網站地圖 今日更新
免責聲明:本站所有資源(模板、圖片)搜集整理于互聯網或者網友提供,僅供學習與交流使用,如果不小心侵犯到你的權益,請及時聯系我們刪除該資源。
<!-- 分頁 --> {pboot:if({page:rows}>0)} <div class="pagebar"> <div class="pagination"> <a class="page-item page-link hidden-sm" href="{page:index}" title="首頁">首頁</a> <a class="page-item page-link" href="{page:pre}" title="上一頁">上一頁</a> {page:numbar} <a class="page-item page-link" href="{page:next}" title="下一頁">下一頁</a> <a class="page-item page-link hidden-sm" href="{page:last}" title="尾頁">尾頁</a> </div> </div> {else} <div class="tac text-secondary">暫無數據!</div> {/pboot:if} |
/* ----- AB模板網分頁數字條效果 開始 ----- */ .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; padding: 8px 12px; margin: 0 5px; border-radius: 3px; } .pagination span { color: #333; font-size: 14px; padding: 8px 2px; margin: 0 5px; 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; } /* ----- PB分頁數字條效果 結束 ----- */ |