业务经理

微信扫描以上二维码

028-61286886

技术咨询

上一页和下一页怎么调用呢

迅睿框架 更新 2022-02-25 16:41:23 tunan

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
    满意答案
  • tunan #2 · 2022-02-17 16:20:51
    迅睿框架联合创始人 那如果上一页和下一页为空输出某个样式,怎么做这个判定呢
  • 小波工作室--标签和API大师 #3 · 2022-02-17 16:27:52
    {if $nums > 1}存在分页{else}不存在分页{/if}
  • tunan #4 · 2022-02-17 16:33:37
    迅睿框架联合创始人 谢谢两位大佬
  • 帝云网络-长期接单 #5 · 2022-02-19 21:48:17
    完整代码,拿来即可
    /*分页*/
    <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 · 2022-02-25 16:41:23
    @迅睿框架联合创始人:感谢各位大佬。

迅睿系统漏洞

多语言翻译Seolang
多语言翻译Seolang(2026-09-21)
1. 新增译文数据备份恢复页面,支持断点续传 2. 多语言声明中心...
AI文章生成器
AI文章生成器(2026-09-20)
任务拆分独立配置 新增AI生成关键词 新增指令模板 新增品牌信...
GEO系统
GEO系统(2026-09-20)
后台 AEO 与运营端对齐:区域、跑批、CSV、补强、剧本均可在迅睿...
GeoSeo工具箱
GeoSeo工具箱(2026-09-18)
修正菜单规范
后台二次登陆验证
后台二次登陆验证(2026-09-18)
新增邮箱验证 新增短信验证
京东云短信
京东云短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
创蓝短信
创蓝短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
火山引擎短信
火山引擎短信(2026-09-17)
- 验证码有效期改只读展示 - 有效期旁新增系统设置按钮 - 保...
外贸多语言建站
外贸多语言建站(2026-09-17)
优化独立内容过滤机制