thinkphp使用CSS美化分页

/* TP8自定义分页美化 */
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
margin: 30px 0;
flex-wrap: wrap;
}

.pagination a,
.pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 12px;
border-radius: 6px;
background: #f5f7fa;
color: #333;
text-decoration: none;
font-size: 14px;
transition: all 0.2s ease;
border: 1px solid #eee;
}

/* 选中当前页 */
.pagination a.active {
background: #409eff;
color: #fff;
border-color: #409eff;
}

/* 禁用上一页下一页 */
.pagination span.disabled {
background: #f0f0f0;
color: #aaa;
border-color: #eee;
cursor: not-allowed;
}

/* hover悬浮 */
.pagination a:hover:not(.active) {
background: #e8f3ff;
color: #409eff;
border-color: #c6e2ff;
}