迅睿CMS框架是一款PHP8高性能·簡(jiǎn)單易用的CMS開源開發(fā)框架,基于MIT開源許可協(xié)議發(fā)布,免費(fèi)且不限制商業(yè)使用,是免費(fèi)開源的產(chǎn)品,以萬(wàn)端互聯(lián)為設(shè)計(jì)理念,支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
聯(lián)系官方銷售客服
1835022288
028-61286886
模板標(biāo)簽里面
列表頁(yè)的這種翻頁(yè)代碼是多少,怎么做的
欄目頁(yè)的模板標(biāo)簽生成工具:http://223987.com/doc/code/lists.html
回復(fù)@官方研發(fā)技術(shù)-張鋒 找不到 ??
分頁(yè)標(biāo)簽變量寫法:
{$pages}
系統(tǒng)會(huì)自動(dòng)生成分頁(yè)html文件,查看源代碼可以看出效果:
<ul class="pagination"> <li><span class='page-numbers current'>1</span></li> <li><a class="page-numbers" target="_blank" href="/news/index_2.html">2</a></li> <li><a class="page-numbers" target="_blank" href="/news/index_3.html">3</a></li> <li><a class="page-numbers" target="_blank" href="/news/index_4.html">4</a></li> <li><a class="page-numbers" target="_blank" href="/news/index_5.html">5</a></li> <li><a class="page-numbers" target="_blank" href="/news/index_6.html">6</a></li> <li><a class="page-numbers" target="_blank" href="/news/index_2.html" >下一頁(yè)</a></li> </ul>
針對(duì)這種系統(tǒng)生成出來的分頁(yè)樣式,如果沒寫css的話,訪問頁(yè)面就會(huì)錯(cuò)亂效果,如下圖:
解決方案:
方案一、懶人方案
1、直接把下面的css復(fù)制到你的css文件中
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; }
2、再訪問頁(yè)面,效果如下:
方案二、個(gè)性化方案,自定義分頁(yè)樣式方案
http://223987.com/doc/571.html
欄目頁(yè)的模板標(biāo)簽生成工具:http://223987.com/doc/code/lists.html
回復(fù)@官方研發(fā)技術(shù)-張鋒 找不到 ??
分頁(yè)標(biāo)簽變量寫法:
系統(tǒng)會(huì)自動(dòng)生成分頁(yè)html文件,查看源代碼可以看出效果:
針對(duì)這種系統(tǒng)生成出來的分頁(yè)樣式,如果沒寫css的話,訪問頁(yè)面就會(huì)錯(cuò)亂效果,如下圖:
解決方案:
方案一、懶人方案
1、直接把下面的css復(fù)制到你的css文件中
2、再訪問頁(yè)面,效果如下:
方案二、個(gè)性化方案,自定義分頁(yè)樣式方案
http://223987.com/doc/571.html