全部问题 求助问题 分享经验 开发需求
迅睿框架 版主：迅睿框架研发组
上一页和下一页怎么调用呢
tunan
类型：迅睿CMS 更新时间：2022-02-25 16:41:23

image

大佬，这个是怎么调用的呢？

<div class="page-panel">
    <div class="pager">
     <ul class="pagination">
      <li class="disable"><span>上一页</span></li>
      <li class="active"><span>1</span></li>
      <li><a href="/news/industry_news2.html">2</a></li>
      <li><a href="/news/industry_news3.html">3</a></li>
      <li><a href="/news/industry_news4.html">4</a></li>
      <li><a href="/news/industry_news5.html">5</a></li>
      <li><a href="/news/industry_news2.html">下一页</a></li>
     </ul>
    </div>
   </div>



在手册里没有上一页和下一页的案例，找不到


回帖
  • 迅睿框架联合创始人
    #1楼    迅睿框架联合创始人
    2022-02-17 16:06:29
    诺基亚手机 0
  • tunan
    #2楼    tunan
    2022-02-17 16:20:51
    Chrome 0
    迅睿框架联合创始人 那如果上一页和下一页为空输出某个样式，怎么做这个判定呢
  • 小波工作室--标签和API大师
    #3楼    小波工作室--标签和API大师
    2022-02-17 16:27:52
    Chrome 0
    {if $nums > 1}存在分页{else}不存在分页{/if}
  • tunan
    #4楼    tunan
    2022-02-17 16:33:37
    Chrome 0
    迅睿框架联合创始人 谢谢两位大佬
  • 帝云网络-长期接单
    #5楼    帝云网络-长期接单
    2022-02-19 21:48:17
    Edge 0
    完整代码，拿来即可
    /*分页*/
<div class="pager">{$pages}</div>
    CSS样式
    /*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #f69e00 solid 1px}
.pager ul .active a {border: #f69e00 solid 1px; display: inline-block; background-color: #f69e00; color: #fff;}
    最终效果

    image
  • tunan
    #6楼    tunan
    2022-02-25 16:41:23
    Chrome 0
    @迅睿框架联合创始人：感谢各位大佬。