先上效果图,突然发现和B站上一样
index.HTML代码如下
<tr >
<td>{$vo.info_type}</td>
<td>{$vo.info_title}</td>
<td>{$vo.thing_type}</td>
<td>{$vo.info_time}</td>
<td>{$vo.info_place}</td>
<td>{$vo.create_time}</td>
</tr>
</foreach>
</table>
<div class="page">
<ul>
{$show}
</ul>
</div>
css代码如下
.page{
overflow:hidden;
margin:50px 0 50px 100px;;
}
.page ul a,.page ul span{
float:left;
display:inline-block;
padding: 0 17px;
height:40px;
width:auto;
border:1px solid #DDDDDD;
border-radius: 4px;
background:#fff;
text-align:center;
line-height:40px;
margin-right:10px;
font-family: "microsoft yahei" simhei sans-serif;
color:#7d7d7d;
}
.page ul a:hover{
background:#337AB7;
color:#fff;
text-decoration:none;
}
.page ul span.current{
background: #337AB7;
color:#fff;
}
.page ul a:first,.page ul a:last{
float:left;
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
background:rgb(215,215,217);
text-align:center;
line-height:40px;
margin-right:10px;
font-family: "microsoft yahei" simhei sans-serif;
}
pageTips {
float:right;
}
/ end 分页样式 /