.pagination {
margin-top: 30px;
// margin-bottom: 30px;
// float: right;
//设置每个按钮
:deep(.el-pager li) {
width: 40px;
height: 40px;
background-color: #161836;
color: #85899c;
border: 0.1px solid rgba(21, 158, 255, 0.2);
border-radius: 5px;
margin-right: 10px;
}
//设置最左边的按钮
:deep(.btn-prev) {
width: 40px;
height: 40px;
background-color: #093363;
color: #4D84EA;
border: 1px solid rgba(21, 158, 255, 0.2);
border-radius: 6px;
margin-right: 15px;
font-size: 20px;
}
//设置最右边的按钮
:deep(.btn-next) {
width: 40px;
height: 40px;
background-color: #093363;
color: #4D84EA;
border: 1px solid rgba(21, 158, 255, 0.2);
border-radius: 6px;
margin-left: 5px;
}
//设置选中的按钮的样式
:deep(.el-pager li.is-active) {
background-color: #026cd2;
color: #ffffff;
border: 1px solid #026cd2;
border-radius: 6px;
}
//设置整个分页器的位置
:deep(.el-pagination) {
float: right;
}
}
设置element ui plus分页组件的样式
最新推荐文章于 2023-12-21 11:35:57 发布