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