fix(F006-W17.3.6): pager 字号跟内容行统一 13px + DataTable 默认 limit=10
This commit is contained in:
parent
79e039c975
commit
08cf2067db
@ -58,7 +58,7 @@ const props = withDefaults(defineProps<Props>(), {
|
||||
loading: false,
|
||||
total: 0,
|
||||
page: 1,
|
||||
limit: 20,
|
||||
limit: 10, // W17.3.5 默认每页 10 条 (按用户原话)
|
||||
showPagination: true,
|
||||
pageSizes: () => [10, 20, 50, 100],
|
||||
rowKey: 'id',
|
||||
@ -102,22 +102,22 @@ function onLimitChange(l: number) { emit('limit-change', l) }
|
||||
@row-click="onRowClick"
|
||||
@selection-change="onSelectionChange"
|
||||
row-class-name="rr-clickable-row"
|
||||
:header-row-style="{ height: '40px' }"
|
||||
:header-row-style="{ height: '48px' }"
|
||||
:header-cell-style="{
|
||||
background: 'var(--rr-table-header-bg, #F8FAFC)',
|
||||
color: 'var(--rr-text-secondary, #64748B)',
|
||||
fontWeight: '600',
|
||||
fontSize: '12px',
|
||||
padding: '11px 16px',
|
||||
padding: '14px 16px',
|
||||
borderBottom: '1px solid var(--rr-border-color, #E2E8F0)',
|
||||
textTransform: 'uppercase',
|
||||
letterSpacing: '0.04em',
|
||||
whiteSpace: 'nowrap',
|
||||
textAlign: 'left',
|
||||
height: '40px'
|
||||
lineHeight: '20px'
|
||||
}"
|
||||
:cell-style="{
|
||||
padding: '12px 16px',
|
||||
padding: '10px 16px',
|
||||
borderBottom: '1px solid var(--rr-border-color, #E2E8F0)',
|
||||
color: 'var(--rr-text-secondary, #334155)',
|
||||
fontSize: '13px',
|
||||
@ -176,6 +176,7 @@ function onLimitChange(l: number) { emit('limit-change', l) }
|
||||
:page-size="limit"
|
||||
:total="total"
|
||||
:page-sizes="pageSizes"
|
||||
:pager-count="5"
|
||||
layout="sizes, prev, pager, next, jumper"
|
||||
background
|
||||
@current-change="onPageChange"
|
||||
@ -234,14 +235,16 @@ function onLimitChange(l: number) { emit('limit-change', l) }
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 14px 20px;
|
||||
font-size: 12.5px;
|
||||
padding: 12px 20px;
|
||||
font-size: 13px; /* W17.3.6 跟内容行一致 (13px) */
|
||||
color: var(--ink-3, #94A3B8);
|
||||
background: var(--rr-bg-card, #FFFFFF);
|
||||
border-top: 1px solid var(--rr-border-color, #F1F5F9);
|
||||
&__info { color: var(--ink-3, #94A3B8); }
|
||||
:deep(.el-pagination) {
|
||||
--el-pagination-bg-color: transparent;
|
||||
--el-pagination-font-size: 13px; /* W17.3.6 跟内容行 cell 字号一致 (13px) */
|
||||
font-size: 13px;
|
||||
}
|
||||
:deep(.el-pager li) {
|
||||
border-radius: 6px;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user