style:样式修改完成
Showing
5 changed files
with
42 additions
and
13 deletions
| ... | @@ -15,7 +15,13 @@ $themes: (blue: ( //背景 | ... | @@ -15,7 +15,13 @@ $themes: (blue: ( //背景 |
| 15 | tagsActiveText: #4162D8, | 15 | tagsActiveText: #4162D8, |
| 16 | // 操纵btn | 16 | // 操纵btn |
| 17 | btnBg: #4162D8, | 17 | btnBg: #4162D8, |
| 18 | btnColor: #4162D8), | 18 | btnColor: #4162D8, |
| 19 | // table样式相关 | ||
| 20 | pagBg:rgba(65, 98, 216, 0.1), | ||
| 21 | pagBorderColor: #D9D9D9, | ||
| 22 | pagText: #4A4A4A, | ||
| 23 | pagActiveText: #4162D8, | ||
| 24 | ), | ||
| 19 | 25 | ||
| 20 | green: (navbg: #0F8B80, | 26 | green: (navbg: #0F8B80, |
| 21 | menuBg:#121A2E, | 27 | menuBg:#121A2E, | ... | ... |
| ... | @@ -9,12 +9,6 @@ | ... | @@ -9,12 +9,6 @@ |
| 9 | line-height: 16px; | 9 | line-height: 16px; |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | //input | ||
| 13 | .el-input__inner { | ||
| 14 | color: #FFFFFF !important; | ||
| 15 | padding: 0 7px !important; | ||
| 16 | } | ||
| 17 | |||
| 18 | // input 样式 | 12 | // input 样式 |
| 19 | // 全局css 加上以下代码,可以隐藏上下箭头 | 13 | // 全局css 加上以下代码,可以隐藏上下箭头 |
| 20 | 14 | ||
| ... | @@ -429,10 +423,6 @@ table td { | ... | @@ -429,10 +423,6 @@ table td { |
| 429 | background: color #074487; | 423 | background: color #074487; |
| 430 | } | 424 | } |
| 431 | 425 | ||
| 432 | .el-input__inner { | ||
| 433 | background-color: #074487; | ||
| 434 | } | ||
| 435 | |||
| 436 | .el-input.is-disabled .el-input__inner { | 426 | .el-input.is-disabled .el-input__inner { |
| 437 | background-color: #074487; | 427 | background-color: #074487; |
| 438 | } | 428 | } | ... | ... |
| ... | @@ -53,6 +53,12 @@ | ... | @@ -53,6 +53,12 @@ |
| 53 | background-color: rgba(0, 0, 0, 0); | 53 | background-color: rgba(0, 0, 0, 0); |
| 54 | } | 54 | } |
| 55 | 55 | ||
| 56 | //input | ||
| 57 | .el-input__inner { | ||
| 58 | color: #FFFFFF !important; | ||
| 59 | padding: 0 7px !important; | ||
| 60 | } | ||
| 61 | |||
| 56 | // 查询表单样式 | 62 | // 查询表单样式 |
| 57 | .from-clues { | 63 | .from-clues { |
| 58 | height: 100%; | 64 | height: 100%; |
| ... | @@ -77,7 +83,7 @@ | ... | @@ -77,7 +83,7 @@ |
| 77 | .el-input__inner { | 83 | .el-input__inner { |
| 78 | background: #07388B; | 84 | background: #07388B; |
| 79 | border-radius: 2px; | 85 | border-radius: 2px; |
| 80 | color: #CEF8FF !important; | 86 | color: #7A7A7A !important; |
| 81 | border: 1px solid #6BC1FC; | 87 | border: 1px solid #6BC1FC; |
| 82 | } | 88 | } |
| 83 | 89 | ... | ... |
| 1 | @import "~@/styles/_handle.scss"; | ||
| 2 | |||
| 1 | // cover some element-ui styles | 3 | // cover some element-ui styles |
| 2 | .el-breadcrumb__inner, | 4 | .el-breadcrumb__inner, |
| 3 | .el-breadcrumb__inner a { | 5 | .el-breadcrumb__inner a { |
| ... | @@ -172,6 +174,25 @@ input[type="number"] { | ... | @@ -172,6 +174,25 @@ input[type="number"] { |
| 172 | color: #4A4A4A; | 174 | color: #4A4A4A; |
| 173 | } | 175 | } |
| 174 | 176 | ||
| 177 | .el-pagination.is-background .btn-prev, | ||
| 178 | .el-pagination.is-background .btn-next, | ||
| 179 | .el-pagination.is-background .el-pager li { | ||
| 180 | @include borderColor("pagBorderColor"); | ||
| 181 | background-color: #FFFFFF; | ||
| 182 | @include font_color("pagText"); | ||
| 183 | } | ||
| 184 | |||
| 185 | .el-pagination.is-background .el-pager li:not(.disabled).active { | ||
| 186 | @include background("pagBg"); | ||
| 187 | border-radius: 4px; | ||
| 188 | @include font_color("pagActiveText"); | ||
| 189 | @include borderColor("pagActiveText"); | ||
| 190 | } | ||
| 191 | |||
| 192 | .el-table__header th { | ||
| 193 | background-color: #F1F3F7 !important; | ||
| 194 | } | ||
| 195 | |||
| 175 | .el-table tr td { | 196 | .el-table tr td { |
| 176 | font-size: 14px; | 197 | font-size: 14px; |
| 177 | color: #7A7A7A; | 198 | color: #7A7A7A; | ... | ... |
| 1 | @import '~@/styles/sbElement-ui.scss'; | 1 | @import '~@/styles/sbElement-ui.scss'; |
| 2 | @import "~@/styles/_handle.scss"; | 2 | @import "~@/styles/_handle.scss"; |
| 3 | 3 | ||
| 4 | //input | ||
| 5 | .el-input__inner { | ||
| 6 | color: #7A7A7A !important; | ||
| 7 | padding: 0 7px !important; | ||
| 8 | } | ||
| 9 | |||
| 4 | .from-clues { | 10 | .from-clues { |
| 5 | height: 100%; | 11 | height: 100%; |
| 6 | width: 100%; | 12 | width: 100%; |
| ... | @@ -10,7 +16,7 @@ | ... | @@ -10,7 +16,7 @@ |
| 10 | 16 | ||
| 11 | &-header { | 17 | &-header { |
| 12 | width: 100%; | 18 | width: 100%; |
| 13 | padding: 10px 15px 10px 15px; | 19 | padding: 7px 15px 10px 15px; |
| 14 | box-sizing: border-box; | 20 | box-sizing: border-box; |
| 15 | background-size: 100% 100%; | 21 | background-size: 100% 100%; |
| 16 | background: #FFFFFF; | 22 | background: #FFFFFF; | ... | ... |
-
Please register or sign in to post a comment