From 2cd5839cc3957b9443453409fc84402e11bbdfdf Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 12 Apr 2025 17:30:23 +0800
Subject: [PATCH] feat: 整理样式代码：table表格，分页，查看按钮
---
src/styles/element-ui.scss | 132 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 132 insertions(+), 0 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index a7efca2..27d81e9 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -60,6 +60,138 @@
.avue--detail .el-form-item {
background-color: #fafafa;
}
+// 查看按钮
+.ztzf-view {
+ width: 53px;
+ height: 27px;
+ background: #001f4e !important;
+ border-radius: 0px 0px 0px 0px;
+ border: 1px solid #51a8ff !important;
+ font-size: 14px;
+ color: #ffffff;
+ text-align: center;
+ line-height: 27px;
+ cursor: pointer;
+}
+// table表格
+.ztzf-table {
+ .el-table__inner-wrapper:before {
+ height: 0 !important;
+ }
+ .el-table .warning-row {
+ --el-table-tr-bg-color: rgba(22, 43, 74, 0.79);
+ }
+ .el-table .warning-row::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ width: 100%;
+ border-bottom: 1px solid;
+
+ border-image: linear-gradient(
+ 90deg,
+ rgba(25, 162, 255, 0) 10%,
+ rgba(20, 125, 202, 1) 50%,
+ rgba(25, 162, 255, 0) 90%
+ )
+ 2 2 2 2;
+ }
+ .el-table .success-row {
+ --el-table-tr-bg-color: #0b1d38;
+ }
+ .el-table .success-row::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ width: 100%;
+ border-bottom: 1px solid;
+
+ border-image: linear-gradient(
+ 90deg,
+ rgba(25, 162, 255, 0) 10%,
+ rgba(20, 125, 202, 1) 79%,
+ rgba(25, 162, 255, 0) 90%
+ )
+ 2 2 2 2;
+ }
+ .el-table {
+ color: #fff;
+ --el-table-border-color: var(--el-border-color-lighter);
+ --el-table-border: none !important;
+ --el-table-text-color: #fff !important;
+ --el-table-header-text-color: #fff !important;
+ --el-table-row-hover-bg-color: none !important;
+ --el-table-current-row-bg-color: none !important;
+ --el-table-header-bg-color: none !important;
+ --el-table-fixed-box-shadow: none !important;
+ --el-table-bg-color: none !important;
+ --el-table-tr-bg-color: none !important;
+ --el-table-expanded-cell-bg-color: none !important;
+ --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
+ --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
+ }
+ .el-table__header {
+ width: 0 !important;
+ }
+ .el-table__body {
+ border-collapse: collapse;
+ }
+ .el-table .el-table__cell {
+ padding: 0 !important;
+ text-align: center !important;
+ }
+
+ .el-table thead{
+ border-bottom: 1px solid !important;
+ border: 1px solid !important;
+ border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1 !important;
+ color: var(--el-table-header-text-color) !important;
+ background: #102441 !important;
+ }
+}
+ // 分页
+.ztzf-pagination {
+
+ .el-pagination {
+ display: flex !important;
+ justify-content: center !important;
+}
+.el-pagination button{
+ background: center center no-repeat none !important;
+ color: #8eb8ea !important;
+}
+.el-pager li{
+ background: none !important;
+ color: #8eb8ea !important;
+}
+.el-pager li.is-active {
+ background: #021022 !important;
+ border-radius: 0px 0px 0px 0px;
+ border: 1px solid #1479ef;
+ color: #c7e1ff !important;
+}
+.el-pagination__goto {
+ color: #c7e1ff !important;
+}
+.el-pagination__classifier {
+ color: #c7e1ff !important;
+}
+.el-pager .el-input__wrapper {
+ background: #021022 !important;
+ color: #c7e1ff !important;
+ border: 1px solid #1479ef !important;
+ z-index: 1;
+}
+.el-input__wrapper {
+ background: #021022 !important;
+ box-shadow: none !important;
+ border: 1px solid #178bff;
+ color: #fff !important;
+}
+.el-input__inner {
+ color: #fff !important;
+}
+}
.ztzf-date-picker{
--
Gitblit v1.9.3