feat 分页组件修改

src/components/Pagination/index.vue

@@ -111,7 +111,7 @@
     }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
     .pagination-container {
         background: #f4f4f4;
         color: #64748b;
@@ -128,11 +128,13 @@
         background-color: #f4f4f4; /* 替换为你想要的背景色 */
         color : #64748b;
     }
-    ::v-deep .el-pagination.is-background .btn-next:hover,
-    ::v-deep .el-pagination.is-background .btn-prev:hover,
-    ::v-deep .el-pagination.is-background .btn-pager:hover
-    ::v-deep .el-pager li {
-        background-color: #e8ffe4; /* 替换为你想要的背景色 */
-        color : #036143;
+
+    ::v-deep .el-pagination.is-background .btn-next .is-active,
+    ::v-deep .el-pagination.is-background .btn-prev.is-active,
+    ::v-deep .el-pagination.is-background
+    .el-pager li.is-active {
+        background-color: #036143 !important;
+
     }
+
 </style>