『ONETHINK』定制分页样式

onethink的分页自身已经有一个不错的样式,但是在自己的前台页面使用这个样式未免有些不搭调,所以,有时候需要自定义样式。本文将使用bootstrap_v2的样式来进行讲解。

OT版本:1.0.131218?

Bootstrap版本:2

最终效果展示:

onethink-thinkphp分页样式最终效果展示
onethink-thinkphp分页样式最终效果展示

如果还不知道在OT中怎么调用分页类,请参考文章:

Onethink调用分页类

下面将详细讲解样式定制:

  1. 下载需要的css和page代码

page.css:在Public/static/bootstrap/css/bootstrap.css中有分页的css,但是OT没有自动引用,引入也容易发生冲突,所以在下载包里,我单独copy了一份bs分页css,直接将它引入到页面里面就ok。

Page.class.php:在ThinkPHP/Library/Think/Page.class.php里有OT后台所使用的分页样式,下载包里的Page类只是在原有的类里添加的showFront()方法,并没有修改源代码,所以直接覆盖Page.class.php就可以。如果有同学不想直接覆盖,也可以只复制showFront()方法。

  1. 在Controller中实例化Page并将之前调用$page->show();的地方改为$page->showFront();
onethink-thinkphp分页,controller代码修改
onethink-thinkphp分页,controller代码修改
  1. 前端代码:
分页前端代码
分页前端代码

《『ONETHINK』定制分页样式》有2个想法

发表评论

电子邮件地址不会被公开。