91亚洲精品久久久蜜桃网站 _96av麻豆蜜桃一区二区_97人妻精品一区二区三区免费_亚洲国产午夜_伊人影院在线观看视频_欧美aa在线视频_日韩中文字幕电影_亚洲国产高清一区_亚洲36d大奶网_精品国内亚洲2022精品成人

源碼網(wǎng)_提供網(wǎng)站源碼、discuz、wordpress主題與插件和站長教程等資源的下載服務(wù)

PbootCMS實現(xiàn)數(shù)字條分頁樣式效果

先看效果圖：

PbootCMS實現(xiàn)數(shù)字條分頁樣式效果(圖1)

在使用PbootCMS開發(fā)網(wǎng)站時，如果需要實現(xiàn)分頁功能，可以使用PbootCMS自帶的分頁組件。其中數(shù)字條是一種非常常見的分頁效果，本文將介紹如何使用PbootCMS的數(shù)字條分頁效果以及如何通過CSS樣式修改數(shù)字條的外觀。

首先，在需要分頁的模板文件中添加以下代碼：

01<!-- 分頁 -->
02{pboot:if({page:rows}>0)}
03<div class="pagebar">
04<div class="pagination">
05<a class="page-item page-link hidden-sm" href="{page:index}" title="首頁">首頁</a>
06<a class="page-item page-link" href="{page:PRe}" title="上一頁">上一頁</a>
07{page:numbar}
08<a class="page-item page-link" href="{page:next}" title="下一頁">下一頁</a>
09<a class="page-item page-link hidden-sm" href="{page:last}" title="尾頁">尾頁</a>
10</div>
11</div>
12{else}
13<div class="tac text-secondary">暫無數(shù)據(jù)！</div>
14{/pboot:if}

在以上代碼中，{page:numbar}標(biāo)簽表示生成數(shù)字條分頁效果。執(zhí)行以上代碼后，就可以在網(wǎng)頁底部看到數(shù)字條分頁效果了。

 
數(shù)字條分頁效果默認(rèn)帶有a鏈接標(biāo)簽和選中效果標(biāo)簽，數(shù)字標(biāo)記的class名稱為 page-num，當(dāng)前頁碼標(biāo)記的class名稱為 page-num-current。
修改數(shù)字條分頁樣式
01/* ----- AB模板網(wǎng)分頁數(shù)字條效果 開始 ----- */
02.pagebar .pagination {
03dISPlay: flex;
04justify-content: center;
05margin-top: 10px;
06}
07.pagination a {
08background: #fff;
09border: 1px solid #ccc;
10color: #333;
11font-size: 14px;
12padding: 8px 12px;
13margin: 0 5px;
14border-radius: 3px;
15}
16.pagination span {
17color: #333;
18font-size: 14px;
19padding: 8px 2px;
20margin: 0 5px;
21border-radius: 3px;
22}
23.pagination a:hover {
24color: #4fc08d;
25border: 1px solid #4fc08d;
26}
27.pagination a.page-num-current {
28color: #fff;
29background: #4fc08d;
30border: 1px solid #4fc08d;
31}
32/* ----- PB分頁數(shù)字條效果 結(jié)束 ----- */

通過修改上述css樣式中的屬性，例如背景顏色、字體大小、邊框顏色等屬性，就可以輕松地定制數(shù)字條分頁效果的樣式。

加入收藏

標(biāo)簽：

本文鏈接：http://www.www9463.cn/xinwendongtai/1797.html

版權(quán)聲明：站內(nèi)所有文章皆來自網(wǎng)絡(luò)轉(zhuǎn)載，只供模板演示使用，并無任何其它意義！

聯(lián)系客服
網(wǎng)站客服 業(yè)務(wù)合作 在線客服QQ
294169012
微信號
微信號
微信號
返回頂部
国产一区二区精品| 韩国三级香港三级日本三级la | 成人免费一级纶理片| 国产伦精品一区三区视频| 日本在线播放一区| 美国一区二区三区| 久久精品免视看国产成人2021| 久久国产影视免费精品| 日本特黄特色aaa大片免费| 日韩av成人| 亚欧成人乱码一区二区| 亚久久伊人精品青青草原2020| 久久国产影视免费精品| 高清一级淫片a级中文字幕| 日韩免费在线观看视频| 毛片高清| 美女被草网站| 麻豆系列 在线视频| 精品久久久久久综合网| 亚洲精品影院| 国产91丝袜高跟系列| 久久99中文字幕| 国产欧美精品| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产成+人+综合+亚洲不卡| 一级毛片视频播放| 韩国三级一区| 国产精品123| 精品久久久久久中文字幕一区| 日韩在线观看免费| 日本免费乱人伦在线观看| 韩国三级香港三级日本三级| 一级女性全黄生活片免费| 韩国三级视频在线观看| 亚洲 欧美 成人日韩| 久久99欧美| 91麻豆精品国产自产在线| 国产视频一区在线| 韩国毛片| 欧美激情一区二区三区视频| 欧美激情一区二区三区在线播放 | 99久久精品国产国产毛片| 久草免费在线视频| 国产网站免费视频| 欧美爱爱网| 精品国产一区二区三区久久久狼| 日本在线不卡视频| 国产麻豆精品视频| 欧美日本二区| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 夜夜操天天爽| 亚洲女人国产香蕉久久精品| 欧美a级大片| 日韩专区第一页| 91麻豆精品国产片在线观看| 九九久久国产精品大片| 亚洲精品影院| 麻豆午夜视频| 久久久久久久久综合影视网| 免费一级生活片| 欧美大片a一级毛片视频| 99色视频在线| 亚洲精品中文一区不卡| 国产麻豆精品高清在线播放| 国产不卡在线看| 日本免费区| 沈樵在线观看福利| 日韩中文字幕一区| 亚洲女初尝黑人巨高清在线观看| 久久精品免视看国产明星| 美女免费毛片| 美女被草网站| 精品视频免费观看| 欧美另类videosbestsex高清| 免费一级片在线| 韩国三级视频网站| 精品国产一区二区三区久| 国产伦精品一区三区视频| 精品视频在线看 | 欧美大片a一级毛片视频| 四虎影视库国产精品一区| 日韩专区第一页| 久久国产一久久高清| 四虎影视久久| 韩国三级一区| 99久久精品费精品国产一区二区| 天天做日日爱| 天天色色色| | 日韩男人天堂| 四虎影视库| 高清一级片| 四虎久久影院| 日韩在线观看网站| 欧美国产日韩精品| 99热精品一区| 九九久久99| 美女免费毛片| 毛片高清| 午夜欧美成人香蕉剧场| 精品久久久久久中文| 九九干| 日韩欧美一二三区| 亚洲精品中文字幕久久久久久| 韩国三级视频网站| 亚洲精品久久玖玖玖玖| 亚欧视频在线| 九九干| 999久久狠狠免费精品| 欧美另类videosbestsex久久| 天天做日日爱| 一级女性全黄生活片免费| 欧美大片aaaa一级毛片| 成人a大片高清在线观看| 国产精品123| 午夜精品国产自在现线拍| 亚洲女初尝黑人巨高清在线观看| 夜夜操网| 成人免费观看的视频黄页| 国产麻豆精品hdvideoss| 精品视频免费观看| 国产不卡高清在线观看视频 | 国产亚洲精品aaa大片| 黄色免费三级| 国产一区二区精品在线观看| 日韩专区在线播放| 日本在线www| 久久国产影院| 国产一区二区精品| 欧美电影免费| 成人a大片在线观看| 四虎论坛| 国产高清视频免费| 精品国产一区二区三区国产馆| 国产视频在线免费观看| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 午夜精品国产自在现线拍| 欧美1区| 韩国毛片免费大片| 精品国产三级a| 美女被草网站| 亚洲第一色在线| 国产高清视频免费| 久久精品大片| 免费一级片在线| 国产网站免费| 国产不卡在线观看| 欧美国产日韩久久久| 午夜精品国产自在现线拍| 国产欧美精品午夜在线播放| 精品国产一区二区三区国产馆| 国产欧美精品午夜在线播放| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 国产成人精品影视| 91麻豆爱豆果冻天美星空| 久久国产影院| 成人影院一区二区三区| 欧美电影免费看大全| 亚洲天堂免费观看| 91麻豆精品国产自产在线| 999精品在线| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 韩国毛片免费| 国产精品1024永久免费视频| 国产91丝袜在线播放0| 国产成人啪精品| 国产视频网站在线观看| 欧美a免费| 国产网站免费| 精品国产一区二区三区久久久蜜臀 | 韩国三级香港三级日本三级la | 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 黄视频网站免费看| 九九免费精品视频| 国产不卡精品一区二区三区| 久草免费在线视频| 日韩专区一区| 美女免费毛片| 精品国产一区二区三区国产馆| 久草免费在线观看| 中文字幕97| 欧美激情一区二区三区视频高清 | 国产一区二区精品久久91| 亚洲wwwwww| 亚洲wwwwww| 成人a级高清视频在线观看| 九九精品久久| 久久精品免视看国产成人2021| 日韩免费在线| 国产视频在线免费观看| 91麻豆高清国产在线播放| 精品国产三级a| 日韩欧美一二三区| 国产精品1024在线永久免费| 国产一级强片在线观看| 一级毛片看真人在线视频| 99热精品在线| 麻豆系列 在线视频| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 亚洲精品影院|