0f706a21 by 任超

style:增加样式文件

1 parent 7a4fbc30
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
......
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
1 @import '~@/styles/element-ui.scss'; 1 @import '~@/styles/sbElement-ui.scss';
2 2
3 .from-clues { 3 .from-clues {
4 height: 100%; 4 height: 100%;
......