style:增加样式文件
Showing
4 changed files
with
210 additions
and
3 deletions
| 1 | @import '~@/styles/element-ui.scss'; | 1 | @import '~@/styles/jgElement-ui.scss'; |
| 2 | 2 | ||
| 3 | .tableClass { | 3 | .tableClass { |
| 4 | .el-table { | 4 | .el-table { |
| ... | @@ -464,7 +464,7 @@ | ... | @@ -464,7 +464,7 @@ |
| 464 | .el-icon-arrow-right { | 464 | .el-icon-arrow-right { |
| 465 | width: 2px; | 465 | width: 2px; |
| 466 | position: relative; | 466 | position: relative; |
| 467 | left: -10px; | 467 | left: 10px; |
| 468 | color: #FFFFFF; | 468 | color: #FFFFFF; |
| 469 | } | 469 | } |
| 470 | 470 | ... | ... |
src/styles/sbElement-ui.scss
0 → 100644
| 1 | // cover some element-ui styles | ||
| 2 | .el-breadcrumb__inner, | ||
| 3 | .el-breadcrumb__inner a { | ||
| 4 | font-weight: 400 !important; | ||
| 5 | color: #686666; | ||
| 6 | } | ||
| 7 | |||
| 8 | .el-table .cell { | ||
| 9 | line-height: 16px; | ||
| 10 | } | ||
| 11 | |||
| 12 | //input | ||
| 13 | .el-input__inner { | ||
| 14 | color: #FFFFFF !important; | ||
| 15 | padding: 0 7px !important; | ||
| 16 | } | ||
| 17 | |||
| 18 | // input 样式 | ||
| 19 | // 全局css 加上以下代码,可以隐藏上下箭头 | ||
| 20 | |||
| 21 | // 取消input的上下箭头 | ||
| 22 | input::-webkit-inner-spin-button { | ||
| 23 | -webkit-appearance: none !important; | ||
| 24 | |||
| 25 | } | ||
| 26 | |||
| 27 | input::-webkit-outer-spin-button { | ||
| 28 | -webkit-appearance: none !important; | ||
| 29 | |||
| 30 | } | ||
| 31 | |||
| 32 | input[type="number"] { | ||
| 33 | -moz-appearance: textfield; | ||
| 34 | |||
| 35 | } | ||
| 36 | |||
| 37 | .el-upload { | ||
| 38 | input[type="file"] { | ||
| 39 | display: none !important; | ||
| 40 | } | ||
| 41 | } | ||
| 42 | |||
| 43 | .el-upload__input { | ||
| 44 | display: none; | ||
| 45 | } | ||
| 46 | |||
| 47 | .cell { | ||
| 48 | .el-tag { | ||
| 49 | margin-right: 0px; | ||
| 50 | } | ||
| 51 | } | ||
| 52 | |||
| 53 | .small-padding { | ||
| 54 | .cell { | ||
| 55 | padding-left: 5px; | ||
| 56 | padding-right: 5px; | ||
| 57 | } | ||
| 58 | } | ||
| 59 | |||
| 60 | .fixed-width { | ||
| 61 | .el-button--mini { | ||
| 62 | padding: 7px 10px; | ||
| 63 | min-width: 60px; | ||
| 64 | } | ||
| 65 | } | ||
| 66 | |||
| 67 | .status-col { | ||
| 68 | .cell { | ||
| 69 | padding: 0 10px; | ||
| 70 | text-align: center; | ||
| 71 | |||
| 72 | .el-tag { | ||
| 73 | margin-right: 0px; | ||
| 74 | } | ||
| 75 | } | ||
| 76 | } | ||
| 77 | |||
| 78 | .el-icon-date, | ||
| 79 | .el-icon-time { | ||
| 80 | display: none; | ||
| 81 | } | ||
| 82 | |||
| 83 | // to fixed https://github.com/ElemeFE/element/issues/2461 | ||
| 84 | // refine element ui upload | ||
| 85 | .el-input.is-disabled .el-input__inner { | ||
| 86 | color: #FFFFFF !important; | ||
| 87 | background-color: transparent !important; | ||
| 88 | border: 1px solid #224C7C !important; | ||
| 89 | } | ||
| 90 | |||
| 91 | .upload-container { | ||
| 92 | .el-upload { | ||
| 93 | width: 100%; | ||
| 94 | |||
| 95 | .el-upload-dragger { | ||
| 96 | width: 100%; | ||
| 97 | height: 200px; | ||
| 98 | } | ||
| 99 | } | ||
| 100 | } | ||
| 101 | |||
| 102 | // dropdown | ||
| 103 | .el-dropdown-menu { | ||
| 104 | a { | ||
| 105 | display: block | ||
| 106 | } | ||
| 107 | } | ||
| 108 | |||
| 109 | // fix date-picker ui bug in filter-item | ||
| 110 | .el-range-editor.el-input__inner { | ||
| 111 | display: inline-flex !important; | ||
| 112 | } | ||
| 113 | |||
| 114 | // to fix el-date-picker css style | ||
| 115 | .el-range-separator { | ||
| 116 | box-sizing: content-box; | ||
| 117 | } | ||
| 118 | |||
| 119 | .el-submenu__icon-arrow { | ||
| 120 | margin-top: -5px; | ||
| 121 | } | ||
| 122 | |||
| 123 | // element 样式补丁 | ||
| 124 | .el-menu--horizontal { | ||
| 125 | border-bottom: none !important; | ||
| 126 | } | ||
| 127 | |||
| 128 | .el-radio-group { | ||
| 129 | .el-radio-button__inner { | ||
| 130 | height: 36px; | ||
| 131 | line-height: 36px; | ||
| 132 | padding: 0 20px; | ||
| 133 | font-size: 14px; | ||
| 134 | } | ||
| 135 | |||
| 136 | .el-radio-button:first-child { | ||
| 137 | border-radius: 4px 0 0 4px; | ||
| 138 | } | ||
| 139 | |||
| 140 | .el-radio-button:last-child { | ||
| 141 | border-radius: 0 4px 4px 0; | ||
| 142 | } | ||
| 143 | } | ||
| 144 | |||
| 145 | .el-tabs__item:focus.is-active.is-focus:not(:active) { | ||
| 146 | box-shadow: none !important; | ||
| 147 | } | ||
| 148 | |||
| 149 | // Divider 分割线 样式的修改 | ||
| 150 | .el-divider--horizontal { | ||
| 151 | margin: 10px 0 !important; | ||
| 152 | } | ||
| 153 | |||
| 154 | .el-row { | ||
| 155 | margin-bottom: 0 !important; | ||
| 156 | } | ||
| 157 | |||
| 158 | // form | ||
| 159 | .el-form-item__content { | ||
| 160 | margin-left: 0 !important; | ||
| 161 | } | ||
| 162 | |||
| 163 | .el-icon-full-screen, | ||
| 164 | .el-icon-rank { | ||
| 165 | cursor: pointer; | ||
| 166 | } | ||
| 167 | |||
| 168 | // 表格样式 | ||
| 169 | .el-table th { | ||
| 170 | height: 48px !important; | ||
| 171 | font-size: 14px; | ||
| 172 | color: #4A4A4A; | ||
| 173 | } | ||
| 174 | |||
| 175 | .el-table tr td { | ||
| 176 | font-size: 14px; | ||
| 177 | color: #7A7A7A; | ||
| 178 | } | ||
| 179 | |||
| 180 | .lb-table .el-table { | ||
| 181 | border-bottom: none; | ||
| 182 | border-radius: 4px 4px 0 0; | ||
| 183 | } | ||
| 184 | |||
| 185 | .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { | ||
| 186 | display: none !important | ||
| 187 | } | ||
| 188 | |||
| 189 | .el-message-box__btns { | ||
| 190 | display: flex; | ||
| 191 | flex-direction: row-reverse; | ||
| 192 | } | ||
| 193 | |||
| 194 | .el-message-box__btns .el-button--primary { | ||
| 195 | margin-right: 10px; | ||
| 196 | } | ||
| 197 | |||
| 198 | .el-form-item__content { | ||
| 199 | flex: 1; | ||
| 200 | } | ||
| 201 | |||
| 202 | .el-submenu__title { | ||
| 203 | .svg-icon { | ||
| 204 | position: relative; | ||
| 205 | top: 2px; | ||
| 206 | } | ||
| 207 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment