diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 1fb62c1..f45e646 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -60,7 +60,10 @@ /* 高亮黄色 变为蓝色 rgb(0, 120, 254)*/ --lighgreen: rgb(127, 255, 0); - /* 分页的右边下一页的颜色 rgb(0, 119, 254*/ + /* 分页的右边下一页的颜色 rgb(0, 119, 254)*/ + + --btnbgc: rgba(253, 253, 253, 0.071); + /* 分页按钮背景色 变为*/ --digtext: rgb(96, 98, 102); /* --弹框文字颜色 变为黑色*/ diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 1fb62c1..f45e646 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -60,7 +60,10 @@ /* 高亮黄色 变为蓝色 rgb(0, 120, 254)*/ --lighgreen: rgb(127, 255, 0); - /* 分页的右边下一页的颜色 rgb(0, 119, 254*/ + /* 分页的右边下一页的颜色 rgb(0, 119, 254)*/ + + --btnbgc: rgba(253, 253, 253, 0.071); + /* 分页按钮背景色 变为*/ --digtext: rgb(96, 98, 102); /* --弹框文字颜色 变为黑色*/ diff --git a/src/components/index.vue b/src/components/index.vue index 3f3f0c2..329e0d0 100644 --- a/src/components/index.vue +++ b/src/components/index.vue @@ -266,6 +266,7 @@ root.style.setProperty("--xfcxmegbgc", "#cee0ff"); root.style.setProperty("--xfcxbgc", "#c0d5f8"); root.style.setProperty("--elinputdisabled", "transparent"); + root.style.setProperty("--btnbgc", "rgba(0, 0, 0, 0.171)"); this.flag = false; // ---------------------分界线----------------------------------// @@ -310,6 +311,7 @@ root.style.setProperty("--xfcxmegbgc", "#152535"); root.style.setProperty("--xfcxbgc", "#050c16"); root.style.setProperty("--elinputdisabled", "rgb(133, 131, 131)"); + root.style.setProperty("--btnbgc", "rgba(253, 253, 253, 0.071)"); this.flag = true; } @@ -371,12 +373,11 @@ color: var(--white); } -.el-icon-arrow-right:before { - color: var(--lighgreen); -} +.el-icon-arrow-right:before, .el-icon-arrow-left:before { - color: var(--lighgreen); + color: rgb(127, 255, 0); } + .el-pagination .el-pager li.active { background-color: hsl(210, 100%, 63%) !important; cursor: default; @@ -420,7 +421,8 @@ color: var(--white) !important; } -.el-icon-date:before { +.el-icon-date:before, +.el-icon-time:before { color: var(--eldatebefore) !important; } .el-aside { @@ -701,19 +703,19 @@ .el-pagination .btn-next, .el-pagination .btn-prev { - background-color: #fdfdfd12 !important; + background-color: #999 !important; color: white !important; } .el-pager li { - background-color: #fdfdfd12 !important; + background-color: var(--btnbgc) !important; color: var(--white) !important; } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px !important; - color: #c1c5cc !important; + // color: #c1c5cc !important; } .el-dialog {