一起源码网

标题: thinkphp5分页样式,tp5分页样式 [打印本页]

作者: 云文章    时间: 2020-4-23 11:30
标题: thinkphp5分页样式,tp5分页样式
tihinkphp自带的分页类样式,有时不能满足项目的要求,这里主要介绍一下,分页类样式的定制和美化,使其更简洁、美观thinkphp5控制器写法

   function index($keyword='', $page = 1){
        $map = [];
        if ($keyword) {
            $map['code'] = ['like', "%{$keyword}%"];
        }
        $list=Db('package')->where($map)->paginate(10, false, ['page' => $page]);
        return $this->fetch('index',['list'=>$list,'keyword'=>$keyword]);
    }

模板写法

/*循环输出数据*/ 
  {foreach $list as $vo}
      id {$vo.id}
   {/foreach}
/*分页写法*/ 
  {$list->render()}

分页样式

<style>
/*分页*/
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}
</style>


作者: 小白    时间: 2022-9-28 14:45
项目源代码免费下载




欢迎光临 一起源码网 (https://www.171739.xyz/) Powered by Discuz! X3.3