上一篇我們提到: pboot:list標(biāo)簽中調(diào)用tag標(biāo)簽:{pboot:tags id=[list:id]}<a href=”[tags:link]”>[tags:text]</a>{/pboot:tags}pbootcms內(nèi)容頁模板中調(diào)用tag標(biāo)簽:{pboot:tags id={content:id}}<a href=”[tags:link]”>[tags:text]</a>{/pboot:tags}
接下來我們進(jìn)入今天的正文:pbootcms模板分頁條樣式:
.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;
}
pbootcms模板分頁條代碼:
{pboot:if({page:rows}>0)}
<nav aria-label=”page navigation” class=”my-4″>
<div class=”pagination justify-content-center”>
<a class=”page-item page-link” href=”{page:index}”>INDEX</a>
<a class=”page-item page-link” href=”{page:pre}”>PRE</a>
{page:numbar}<!– 數(shù)字條,小屏幕時(shí)自動(dòng)隱藏–>
<a class=”page-item page-link” href=”{page:next}”>NEXT</a>
<a class=”page-item page-link” href=”{page:last}”>LAST</a>
</div>
</nav>
{else}
<div class=”text-center my-5 text-secondary”>NO DATA!</div>
{/pboot:if}
掃一掃,瀏覽關(guān)注本文
網(wǎng)站以HTML5制作,pc+wap網(wǎng)站制作自動(dòng)跳轉(zhuǎn)。關(guān)鍵詞:五菱觀光車網(wǎng)站建設(shè),五菱巡邏車網(wǎng)站建設(shè),封閉電動(dòng)巡邏車網(wǎng)站建設(shè),封閉電動(dòng)觀···
天翊裝飾公司網(wǎng)站以html5響應(yīng)式一體化設(shè)計(jì)制作,高端大氣上次,關(guān)鍵詞:裝修公司網(wǎng)站建設(shè),裝飾公司網(wǎng)站建設(shè),成都裝修公司網(wǎng)站建···
網(wǎng)站以定制,訂制服裝網(wǎng)站建設(shè)為主的關(guān)鍵詞,網(wǎng)站全新的以HTML5框架定制設(shè)計(jì),整站目錄清新明了,利于網(wǎng)站優(yōu)化,搜索引擎蜘蛛爬行···
成都印刷網(wǎng)站建設(shè),成都印刷廠網(wǎng)站設(shè)計(jì),成都畫冊(cè)印刷網(wǎng)站制作,成都畫冊(cè)制作網(wǎng)站建設(shè),成都印刷廠家網(wǎng)站建設(shè),四川印刷網(wǎng)站建設(shè),四川···
實(shí)力讓我們引領(lǐng)行業(yè)為您鎖住健康,讓食品更安全,讓生活更健康!成都市都江堰市蜀豐食品包裝有限公司成立于2014年初,是一家集研···
掃碼訪問手機(jī)網(wǎng)站
版權(quán)所有 Copyright ? 2007-2025 四川冠辰科技開發(fā)有限公司 川公安網(wǎng)備案:51010602001006號(hào)
地址:四川省成都市金牛區(qū)五福橋東路229號(hào)龍湖北城天街28棟903 蜀ICP備11012605號(hào)-1
始于2007年,十五年品牌網(wǎng)站建設(shè),值得信賴!