diff --git a/src/components/DataTable/DataTable.vue b/src/components/DataTable/DataTable.vue index 51d9e35..9c1558e 100644 --- a/src/components/DataTable/DataTable.vue +++ b/src/components/DataTable/DataTable.vue @@ -58,7 +58,7 @@ const props = withDefaults(defineProps(), { 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;