迅睿CMS框架是一款PHP8高性能·簡單易用的CMS開源開發框架,基于MIT開源許可協議發布,免費且不限制商業使用,是免費開源的產品,以萬端互聯為設計理念,支持的微信公眾號、小程序、APP客戶端、移動端網站、PC網站等多終端式管理系統。
聯系官方銷售客服
1835022288
028-61286886
在獨立模塊的首頁index.html中,如何調用分頁,并設置條數
6、自定義分頁顯示文章模塊的數據(可以在任何頁面)
{module module=news page=1 pagesize=10 urlrule=index.php?s=news&page=[page]} ..... {/module} {$pages}表示分頁輸出代碼 pagesize表示指定分頁顯示數據量 urlrule表示分頁地址規則,[page]參數必須有哦,否則分頁鏈接不正常
<div class="news-list"> <ul> {module catid=1 more=1 field=title,url,thumb,updatetime,description,keywords,hits,comments,uid,author,original order=updatetime page=1 pagesize=2 urlrule=index.php?s=bbs&page=[page]} <li class="media news-one"> <a class="media-left" title="{$t.title}" alt="{$t.keywords}" href="{$t.url}"> <img title="{$t.title}" alt="{$t.keywords}" src="{dr_thumb($t.thumb)}"> </a> <div class="media-body"> <div class="media_text"> <h4 class="media-heading"><a title="{$t.title}" alt="{$t.keywords}" href="{$t.url}">{$t.title}</a></h4> <h5 class="news-remark fl">{$t.description}</h5> {if $t.original == 1}<span class="fr news-class">原創</span>{/if} </div> <h4 class="news-info"> <small> <span class="man-img-man"><img src="{dr_avatar($t.uid)}"> {$t.author} </span> <span class="news-time"><img width="31px" src="{THEME_PATH}pcbbs/picture/sj.png"> {dr_date($t._updatetime)}</span> <span class="news-browse"><img src="{THEME_PATH}pcbbs/picture/news_view.png">{$t.hits}</span> </small> </h4> </div> </li> {/module} </ul></div><!-- 新聞列表 end--><!-- 分頁 <--><div style="width: 900px;height: 120px;"> <style type="text/css"> .pagination p{ margin:0; cursor:pointer } .pagination{ height:40px; padding:20px 0px; } .pagination a{ display:block; float:left; margin-right:10px; padding:2px 12px; height:30px; border:1px #cccccc solid; background:#fff; text-decoration:none; color:#808080; font-size:12px; line-height:24px; } .pagination a:hover{ color:#009688; background: white; border:1px #009688 solid; } .pagination a.cur{ border:none; background:#009688; color:#fff; } .pagination p{ float:left; padding:2px 12px; font-size:12px; height:30px; line-height:24px; color:#bbb; border:1px #ccc solid; background:#fcfcfc; margin-right:8px; } .pagination p.pageRemark{ border-style:none; background:none; margin-right:0px; padding:4px 0px; color:#666; } .pagination p.pageRemark b{ color:red; } .pagination p.pageEllipsis{ border-style:none; background:none; padding:4px 0px; color:#808080; } .dates li {font-size: 14px;margin:20px 0} .dates li span{float:right}</style> <div class="pagination"> {$pages} </div></div>
不行啊,在首頁調用
{module catid=1 more=1 order=updatetime sbpage=1 page=1 pagesize=2 urlrule=index.php?s=bbs&page=[page]}
存在catid時需要sbpage參數做強制分頁
6、自定義分頁顯示文章模塊的數據(可以在任何頁面)
<div class="news-list">
<ul>
{module catid=1 more=1 field=title,url,thumb,updatetime,description,keywords,hits,comments,uid,author,original order=updatetime page=1 pagesize=2 urlrule=index.php?s=bbs&page=[page]}
<li class="media news-one">
<a class="media-left" title="{$t.title}" alt="{$t.keywords}" href="{$t.url}">
<img title="{$t.title}" alt="{$t.keywords}" src="{dr_thumb($t.thumb)}">
</a>
<div class="media-body">
<div class="media_text">
<h4 class="media-heading"><a title="{$t.title}" alt="{$t.keywords}" href="{$t.url}">{$t.title}</a></h4>
<h5 class="news-remark fl">{$t.description}</h5>
{if $t.original == 1}<span class="fr news-class">原創</span>{/if}
</div>
<h4 class="news-info">
<small>
<span class="man-img-man"><img src="{dr_avatar($t.uid)}"> {$t.author} </span>
<span class="news-time"><img width="31px" src="{THEME_PATH}pcbbs/picture/sj.png"> {dr_date($t._updatetime)}</span>
<span class="news-browse"><img src="{THEME_PATH}pcbbs/picture/news_view.png">{$t.hits}</span>
</small>
</h4>
</div>
</li>
{/module}
</ul>
</div>
<!-- 新聞列表 end-->
<!-- 分頁 <-->
<div style="width: 900px;height: 120px;"> <style type="text/css">
.pagination p{
margin:0;
cursor:pointer
}
.pagination{
height:40px;
padding:20px 0px;
}
.pagination a{
display:block;
float:left;
margin-right:10px;
padding:2px 12px;
height:30px;
border:1px #cccccc solid;
background:#fff;
text-decoration:none;
color:#808080;
font-size:12px;
line-height:24px;
}
.pagination a:hover{
color:#009688;
background: white;
border:1px #009688 solid;
}
.pagination a.cur{
border:none;
background:#009688;
color:#fff;
}
.pagination p{
float:left;
padding:2px 12px;
font-size:12px;
height:30px;
line-height:24px;
color:#bbb;
border:1px #ccc solid;
background:#fcfcfc;
margin-right:8px;
}
.pagination p.pageRemark{
border-style:none;
background:none;
margin-right:0px;
padding:4px 0px;
color:#666;
}
.pagination p.pageRemark b{
color:red;
}
.pagination p.pageEllipsis{
border-style:none;
background:none;
padding:4px 0px;
color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
</style>
<div class="pagination">
{$pages}
</div>
</div>
不行啊,在首頁調用
存在catid時需要sbpage參數做強制分頁