1. 分页驱动 + 分页样式

一   自定义 分页驱动

//1. 第一步  复制一份官方的分页驱动 我们在这个基础上修改
文件地址:vendor/topthink/think-orm/src/paginator/driver/Bootstrap.php
//2. 将复制的Bootstrap.php 放在我们app目录下新建的 common 文件夹下  
根据自己的业务需求修改这个文件就可以
//3. 修改 app目录下 provider.php 服务提供者

 

二 自定义 分页样式

//1. 第一步  得到 render() 输出的分页html代码

<div class="page">
  <span class="disabled">上一页</span> 
  <span class="active">1</span>
  <a href="/ask/p2\">2</a> 
  <a href="/ask/p2\">下一页</a>
</div>
//2.  在css中 书写分页的样式

.page {
    overflow: hidden;
    text-align: center;
    padding: 20px 0px;
}
.page a {
    padding:5px 15px;
    margin-left:10px;
    background:white;
    color:#666;
    border-radius:2px;
    display:inline-block;
}
.page span.active {
    padding: 5px 15px;
    margin-left: 10px;
    background: #2592ff;
    border-radius: 2px;
    color: white;
    display: inline-block;
}
.page span.disabled {
    display: inline-block;
    padding: 5px 15px;
    margin-left: 10px;
    background: white;
    border-radius: 2px;
    color: #999;
    cursor:not-allowed;
}

 

posted @ 2022-05-14 10:51  棉花糖88  阅读(27)  评论(0)    收藏  举报