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