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://m.www9463.cn/xinwendongtai/1797.html

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

聯(lián)系客服
網(wǎng)站客服 業(yè)務(wù)合作 在線客服QQ
294169012
微信號
微信號
微信號
返回頂部
可以免费在线看黄的网站| 天天做日日爱| 日韩一级黄色| 精品国产香蕉在线播出| 久久99这里只有精品国产| 国产不卡在线观看| 国产不卡福利| 你懂的福利视频| 欧美激情一区二区三区视频高清| 人人干人人插| 日本特黄特黄aaaaa大片| 天天色色网| 黄视频网站在线观看| 999精品影视在线观看| 精品在线视频播放| 四虎影视久久久| 九九免费高清在线观看视频| 成人影院一区二区三区| 亚洲精品影院一区二区| 欧美一区二区三区性| 999久久66久6只有精品| 可以免费在线看黄的网站| 日韩男人天堂| 亚州视频一区二区| 精品国产三级a| 成人影院久久久久久影院| 亚洲精品影院久久久久久| 国产成a人片在线观看视频 | 国产视频一区二区三区四区| 色综合久久天天综线观看| 国产网站免费视频| 四虎影视库| 99久久精品费精品国产一区二区| 一级片片| 国产麻豆精品高清在线播放| 二级特黄绝大片免费视频大片| 成人免费网站视频ww| 九九热精品免费观看| 国产一区二区精品| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 国产视频网站在线观看| 成人a大片在线观看| 亚洲精品影院一区二区| 欧美激情一区二区三区在线播放| 日韩av片免费播放| 青青青草影院| 欧美18性精品| 国产亚洲精品aaa大片| 日韩中文字幕在线观看视频| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 免费的黄色小视频| 一a一级片| 亚久久伊人精品青青草原2020| 黄色免费三级| 91麻豆精品国产综合久久久| 国产极品精频在线观看| 午夜欧美成人久久久久久| 午夜在线亚洲男人午在线| 日韩在线观看免费完整版视频| 国产欧美精品午夜在线播放| 久久国产一区二区| 香蕉视频久久| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 国产原创中文字幕| 日韩av成人| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 黄视频网站在线观看| 国产不卡精品一区二区三区| 久久99中文字幕久久| 久草免费在线视频| 国产91丝袜在线播放0| 国产一区二区精品久久91| 高清一级毛片一本到免费观看| 一级毛片视频免费| 欧美一区二区三区性| 日韩中文字幕在线观看视频| 九九九在线视频| 日韩中文字幕在线播放| 日韩中文字幕一区| 欧美a免费| 你懂的在线观看视频| 久久福利影视| 日韩中文字幕在线亚洲一区| 免费一级片网站| 日本在线www| 久草免费在线视频| a级毛片免费全部播放| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 国产激情一区二区三区| 日韩中文字幕在线亚洲一区| 成人影视在线播放| 欧美国产日韩精品| 青青青草影院| 91麻豆爱豆果冻天美星空| 日韩专区一区| 一级毛片视频播放| 精品久久久久久中文字幕一区| 99久久视频| 久久国产精品只做精品| 国产福利免费观看| 午夜欧美成人久久久久久| 亚洲女初尝黑人巨高清在线观看| 国产一区免费观看| 国产麻豆精品免费密入口| 国产91精品系列在线观看| 99久久精品国产片| 日本特黄特色aaa大片免费| 国产91视频网| 午夜久久网| 日韩中文字幕一区二区不卡| 日本在线不卡视频| 97视频免费在线观看| 日韩欧美一二三区| 黄色免费三级| 国产精品自拍亚洲| 一级毛片视频播放| 91麻豆精品国产自产在线| 国产a毛片| 国产国语对白一级毛片| 国产亚洲精品成人a在线| 国产精品1024永久免费视频| 亚洲精品中文字幕久久久久久| 深夜做爰性大片中文| 日韩综合| 欧美爱爱动态| 美国一区二区三区| 国产成人啪精品视频免费软件| 成人免费高清视频| 成人a大片在线观看| 国产高清视频免费观看| 四虎影视库| 欧美激情在线精品video| 免费国产在线观看不卡| 精品国产亚洲人成在线| 黄视频网站在线免费观看| 四虎影视久久久免费| 精品国产一区二区三区久久久狼| 午夜在线影院| 色综合久久手机在线| 亚洲天堂免费| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 尤物视频网站在线观看| 国产原创视频在线| 日本特黄特色aaa大片免费| 日本免费乱人伦在线观看| 韩国三级视频网站| a级毛片免费全部播放| 欧美大片一区| 一级毛片视频免费| 色综合久久天天综合| 91麻豆精品国产高清在线| 国产福利免费观看| 欧美大片aaaa一级毛片| 欧美激情一区二区三区在线播放 | 999精品视频在线| 欧美激情一区二区三区在线| 亚洲精品中文字幕久久久久久| 国产一区二区精品在线观看| 天天色色网| 色综合久久久久综合体桃花网| 99久久精品国产高清一区二区| 九九久久99| 日本伦理网站| 日本特黄特黄aaaaa大片| 香蕉视频久久| 九九九国产| 黄色免费三级| 欧美另类videosbestsex高清| 国产一区二区精品久久91| 香蕉视频一级| 欧美a级片视频| 日韩在线观看视频黄| 一级女性全黄久久生活片| 精品国产一区二区三区精东影业| 国产不卡福利| 亚洲爆爽| 一级女性全黄生活片免费| 黄色免费三级| 国产a一级| 欧美a级片视频| 欧美激情一区二区三区在线播放| 亚洲wwwwww| 国产原创视频在线| 色综合久久天天综合观看| 亚久久伊人精品青青草原2020| 精品国产亚洲人成在线| 欧美一级视| 一a一级片| 国产网站免费视频| 成人免费网站视频ww| 色综合久久久久综合体桃花网| 欧美a级成人淫片免费看| 精品视频一区二区三区| 四虎久久精品国产| 可以免费看污视频的网站| 午夜激情视频在线观看| 九九精品久久久久久久久| 久草免费资源| 欧美激情伊人| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 |