chore(admin-ui): add admin pagination template and styles
This commit is contained in:
@@ -133,6 +133,75 @@
|
||||
padding:0;
|
||||
}
|
||||
|
||||
/* 可复用:Pagination(中后台分页,参考 Ant Design Pro) */
|
||||
.adm-pagination{
|
||||
margin-top:16px;
|
||||
}
|
||||
|
||||
.adm-pagination-inner{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:12px;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
|
||||
.adm-page-list{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
|
||||
.adm-page-btn,
|
||||
.adm-page-num,
|
||||
.adm-page-ellipsis{
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
min-width:32px;
|
||||
height:32px;
|
||||
padding:0 10px;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--adm-border-color, #e5e7eb);
|
||||
background:var(--adm-bg-container, #ffffff);
|
||||
color:var(--adm-text, #0f172a);
|
||||
text-decoration:none;
|
||||
box-shadow:var(--adm-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
|
||||
}
|
||||
|
||||
.adm-page-ellipsis{
|
||||
border-color:transparent;
|
||||
background:transparent;
|
||||
box-shadow:none;
|
||||
min-width:auto;
|
||||
padding:0 6px;
|
||||
color:var(--adm-text-muted, #94a3b8);
|
||||
}
|
||||
|
||||
.adm-page-num.is-active{
|
||||
border-color:rgba(22, 119, 255, .45);
|
||||
background:rgba(22, 119, 255, .08);
|
||||
color:var(--adm-text, #0f172a);
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.adm-page-btn:hover,
|
||||
.adm-page-num:hover{
|
||||
text-decoration:none;
|
||||
border-color:rgba(22, 119, 255, .35);
|
||||
background:rgba(22, 119, 255, .06);
|
||||
}
|
||||
|
||||
.adm-page-btn.is-disabled{
|
||||
opacity:.55;
|
||||
cursor:not-allowed;
|
||||
}
|
||||
|
||||
.adm-page-meta{
|
||||
margin-left:auto;
|
||||
}
|
||||
|
||||
.list-card-header{
|
||||
padding:14px 16px;
|
||||
display:flex;
|
||||
|
||||
Reference in New Issue
Block a user