联系官方销售客服

1835022288

028-61286886

开发框架 版主:迅睿框架研发组
上一页和下一页怎么调用呢
类型:迅睿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
    @迅睿框架联合创始人:感谢各位大佬。