diff --git a/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue b/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue index 2743c5f..ee22a7d 100644 --- a/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue +++ b/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue @@ -368,15 +368,33 @@ export default { } } -// 分页样式优化 +// 分页样式优化 - Material Design 风格 :deep(.el-pagination) { - margin-top: 16px; + margin-top: 24px; text-align: right; + // 扁平化按钮 + .btn-prev, + .btn-next, + .el-pager li { + border: none; + background-color: transparent; + + &:hover { + background-color: #f5f5f5; + } + } + + .el-pager li.active { + background-color: #1890ff; + color: white; + border-radius: 4px; + } + .el-pagination__total, .el-pagination__sizes, .el-pagination__jump { - color: #606266; + color: #666; } }