博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ThinkPHP5分页样式设置
阅读量:6279 次
发布时间:2019-06-22

本文共 686 字,大约阅读时间需要 2 分钟。

手册上讲分页类的使用时对样式讲的不够详细,这里我结合个人的摸索给大家一些参考意见。

config里的分页配置我使用的是系统默认的bootstrap,查看thinkphp\library\think\paginator\driver\Bootstrap.php源码发现,分页类最终是输出了一些class=“pagination”之类的html元素。所以,使用TP5分页类时,只要引入一个CSS能对class=“paginate”的<ul>和<li>之类的列表做处理即可。

例如网上某个模板原始为:

<nav class="pagination" style="display">

  <ul>
    <li class="prev-page"></li>
    <li class="active"><span>1</span></li>
    <li><a href="?page=2">2</a></li>
    <li class="next-page"><a href="?page=2">下一页</a></li>
    <li><span>共 2 页</span></li>
  </ul>
</nav>

此模板的css已经对类名为“”pagination“”做了处理,所以我们只需在<nav>内直接使用分页类即可:

<nav class="pagination" style="display">

  {$list->render()}
</nav>

 

转载于:https://www.cnblogs.com/SHQHDMR/p/8400400.html

你可能感兴趣的文章
Linux_DHCP服务搭建
查看>>
[SilverLight]DataGrid实现批量输入(like Excel)(补充)
查看>>
秋式广告杀手:广告拦截原理与杀手组织
查看>>
翻译 | 摆脱浏览器限制的JavaScript
查看>>
闲扯下午引爆乌云社区“盗窃”乌云币事件
查看>>
02@在类的头文件中尽量少引入其他头文件
查看>>
JAVA IO BIO NIO AIO
查看>>
input checkbox 复选框大小修改
查看>>
网吧维护工具
查看>>
BOOT.INI文件参数
查看>>
vmstat详解
查看>>
新年第一镖
查看>>
unbtu使用笔记
查看>>
OEA 中 WPF 树型表格虚拟化设计方案
查看>>
Android程序开发初级教程(一) 开始 Hello Android
查看>>
使用Gradle打RPM包
查看>>
“我意识到”的意义
查看>>
淘宝天猫上新辅助工具-新品填表
查看>>
再学 GDI+[43]: 文本输出 - 获取已安装的字体列表
查看>>
nginx反向代理
查看>>