a469054a by 任超

style:table样式完成修改

1 parent e3cca5dc
...@@ -173,26 +173,18 @@ ...@@ -173,26 +173,18 @@
173 // element table 样式修改 173 // element table 样式修改
174 //去掉表格内的线 174 //去掉表格内的线
175 table th { 175 table th {
176 border-bottom: 1px solid #29409D !important; 176 border-bottom: 8px solid rgba(0, 0, 0, 0.1) !important;
177 } 177 }
178 178
179 table td { 179 table td {
180 border-bottom: 1px solid #29409D !important; 180 border-bottom: 8px solid rgba(0, 0, 0, 0.1) !important;
181 } 181 }
182 182
183 //去掉最下面的那一条线 183 //去掉最下面的那一条线
184 .el-table::before { 184 .el-table::before {
185 height: 1px !important; 185 height: 0;
186 background-color: #29409D !important;
187 } 186 }
188 187
189 .lb-table {
190 background-color: $containerbg;
191 }
192
193 .el-table__body-wrapper {
194 background-color: $containerbg !important;
195 }
196 188
197 .el-table__body tr:hover { 189 .el-table__body tr:hover {
198 background: rgba(2, 160, 253, 0.1) !important; 190 background: rgba(2, 160, 253, 0.1) !important;
...@@ -211,17 +203,12 @@ table td { ...@@ -211,17 +203,12 @@ table td {
211 } 203 }
212 204
213 205
214 .el-table tr:nth-child(even) {
215 background: #FCFDFD !important;
216 }
217
218 .el-table tr td { 206 .el-table tr td {
219 font-size: 14px; 207 font-size: 14px;
220 color: #7A7A7A; 208 color: #7A7A7A;
221 } 209 }
222 210
223 .lb-table .el-table { 211 .lb-table .el-table {
224 border: 1px solid #E4EBF4;
225 border-bottom: none; 212 border-bottom: none;
226 border-radius: 4px 4px 0 0; 213 border-radius: 4px 4px 0 0;
227 } 214 }
......
...@@ -2,9 +2,11 @@ ...@@ -2,9 +2,11 @@
2 /deep/.el-table { 2 /deep/.el-table {
3 border: none !important; 3 border: none !important;
4 border-radius: 0 !important; 4 border-radius: 0 !important;
5 background-color: rgba(0, 0, 0, 0);
5 6
6 .el-table__header-wrapper { 7 .el-table__header-wrapper {
7 border-right: 1px solid #103E99; 8 border-right: 1px solid #103E99;
9
8 } 10 }
9 11
10 .cell { 12 .cell {
...@@ -12,7 +14,7 @@ ...@@ -12,7 +14,7 @@
12 } 14 }
13 15
14 .el-table__row { 16 .el-table__row {
15 background-color: $containerbg !important; 17 background: #0F56A3 !important;
16 } 18 }
17 19
18 thead { 20 thead {
...@@ -113,22 +115,34 @@ ...@@ -113,22 +115,34 @@
113 color: #FFFFFF; 115 color: #FFFFFF;
114 } 116 }
115 117
118 .bgc {
119 box-shadow: inset 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
120 background-color: rgba(0, 0, 0, 0);
121 }
122
116 /deep/ .el-pagination { 123 /deep/ .el-pagination {
117 .el-input__inner { 124 .el-input__inner {
118 background: #1F357A !important;
119 color: #FFFFFF; 125 color: #FFFFFF;
120 border: none; 126 border: none;
127 @extend .bgc;
128 }
129
130 .el-pager li:not(.disabled).active {
131 box-shadow: inset 0px 0px 12px 0px #02D9FD;
132 border-radius: 1px;
133 border: 1px solid #02D9FD;
134 background-color: rgba(0, 0, 0, 0);
121 } 135 }
122 136
123 .el-pager li { 137 .el-pager li {
124 background: #1F357A; 138 @extend .bgc;
125 color: #FFFFFF; 139 color: #FFFFFF;
126 } 140 }
127 } 141 }
128 142
129 /deep/.btn-next, 143 /deep/.btn-next,
130 /deep/.btn-prev { 144 /deep/.btn-prev {
131 background: #1F357A !important; 145 @extend .bgc;
132 color: #FFFFFF; 146 color: #FFFFFF;
133 } 147 }
134 148
......