美文网首页
classcms分页代码

classcms分页代码

作者: 知码客 | 来源:发表于2021-10-30 15:48 被阅读0次

所有的内容列表都会用到分页,整体来说classcms实现分页也是很方便的,那么怎么去使用呢,下面我们来进行讲述一下。

{$pages=pagelist()}

{$pageinfo=pageinfo()}

{//判断是否有数据}
<nav aria-label="page navigation" class="my-4">
    <div class="pagination justify-content-center">
{if isset($pageinfo.prev.link)}
<a href="{$pageinfo.prev.link}" class="page-item page-link"><</a>
{else}
<a href="javascript:return false;" class="page-item page-link" style="opacity: 0.6;"><</a>
{/if}
{loop $pages as $page}
    <a href="{$page.link}" class="{$page.class} page-num">{$page.title}</a>
{/loop}
{if isset($pageinfo.next.link)}
<a href="{$pageinfo.next.link}" class="page-item page-link">></a>
{else}
<a href="javascript:return false;" class="page-item page-link" style="opacity: 0.6">></a>
{/if}
</div>
</nav>  

{//分页结束}
实现效果

上面的代码主要实现了上页下页和四个分页码,样式就不放了,可以根据自己的喜欢的风格自己写就行。

更多的功能看您自己的操作和实现了,共同交流

相关文章

网友评论

      本文标题:classcms分页代码

      本文链接:https://www.haomeiwen.com/subject/upbgaltx.html