style:table样式完成修改
Showing
2 changed files
with
21 additions
and
20 deletions
... | @@ -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 | ... | ... |
-
Please register or sign in to post a comment