diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 8e559e7..15b8255 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -496,13 +496,13 @@ aside { // color: #eef5ff !important; // } -/* === 学生端分页:墨黑极简(覆盖上方裸深色 !important 规则) === */ +/* === 学生端分页:科技蓝(与学生端亮色主题一致,覆盖上方裸深色 !important 规则) === */ #app .studentLayout .pagination-container .el-pagination, #app .studentLayout .el-pagination { --el-pagination-bg-color: transparent !important; --el-pagination-button-bg-color: #ffffff !important; - --el-pagination-hover-color: #1f2937 !important; - --el-pagination-button-disabled-bg-color: #ffffff !important; + --el-pagination-hover-color: #2563eb !important; + --el-pagination-button-disabled-bg-color: #f9fafb !important; --el-pagination-button-disabled-color: #9ca3af !important; color: #4b5563 !important; } @@ -517,21 +517,30 @@ aside { border-radius: 8px !important; background-color: #ffffff !important; color: #374151 !important; - font-weight: 600; + font-weight: 500; } +/* 悬浮:软蓝浅底 + 蓝字蓝边 */ #app .studentLayout .pagination-container .el-pagination .el-pager li:hover, #app .studentLayout .el-pager li:hover, -#app .studentLayout .el-pagination button:hover { - border-color: #1f2937 !important; - background-color: #f9fafb !important; - color: #1f2937 !important; +#app .studentLayout .el-pagination button:hover:not(:disabled) { + border-color: #2563eb !important; + background-color: #eff6ff !important; + color: #2563eb !important; } +/* 当前页:实心教育蓝(与学生端主按钮同色系) */ #app .studentLayout .pagination-container .el-pagination .el-pager li.is-active, #app .studentLayout .el-pager li.is-active { - border-color: #1f2937 !important; - background: #1f2937 !important; + border-color: #2563eb !important; + background: #2563eb !important; + color: #ffffff !important; +} + +#app .studentLayout .pagination-container .el-pagination .el-pager li.is-active:hover, +#app .studentLayout .el-pager li.is-active:hover { + border-color: #1d4ed8 !important; + background: #1d4ed8 !important; color: #ffffff !important; } @@ -539,8 +548,8 @@ aside { #app .studentLayout .pagination-container .el-pagination .btn-next:disabled, #app .studentLayout .el-pagination .btn-prev:disabled, #app .studentLayout .el-pagination .btn-next:disabled { - background-color: #ffffff !important; - color: #9ca3af !important; + background-color: #f9fafb !important; + color: #b0c0d0 !important; border-color: #e5e7eb !important; } @@ -550,14 +559,23 @@ aside { font-weight: 400; } -#app .studentLayout .el-pagination .el-select .el-input__wrapper { +/* 每页条数下拉 + 跳页输入框:白底灰边,hover/focus 教育蓝 */ +#app .studentLayout .el-pagination .el-input__wrapper { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; box-shadow: none !important; } -#app .studentLayout .el-pagination .el-select .el-input__inner { +#app .studentLayout .el-pagination .el-input__wrapper:hover { + border-color: #3b82f6 !important; +} + +#app .studentLayout .el-pagination .el-input__wrapper.is-focus { + border-color: #2563eb !important; +} + +#app .studentLayout .el-pagination .el-input__inner { color: #374151 !important; } diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index 0de26a8..2d760b9 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -98,6 +98,13 @@