TP5分页样式

控制器代码

public function viewbug(){
    $where  = array();
    $name = '';
    if (Request::instance()->isPost()) {
        $name = $_POST['playerName'];
        $where['playerName'] = array('like',"%$name%");
    }
    $count = Db::name('ygo_bug')->where($where)->count();
    $bugs = Db::name('ygo_bug')->where($where)->order('id desc')->paginate(100);
    $this->assign('count',$count);
    $this->assign('name',$name);
    $this->assign('bugs',$bugs);
    return $this->fetch();
}

html代码

<div class="hui-pager hui-pager-center" style="padding:10px 30px;">{$bugs->render()}</div>

css代码

<style>
    .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
    .pagination li { display: inline; }
    .pagination li a,.pagination li span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
    .pagination li:first-child a { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
    .pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
    .pagination li a:hover, .pagination li a:focus { background-color: #eee; }
    .pagination .active span, .pagination .active span:hover, .pagination .active span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; }
    .pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
    .pagination-lg li a { padding: 10px 16px; font-size: 18px; }
    .pagination-sm li a, .pagination-sm li span { padding: 5px 10px; font-size: 12px; }
</style>