1
1
/* 改变主题色变量 */
2
2
3
- #app {
4
- .el-button {
5
- font-weight : 400 ;
6
- border-radius : 2px ;
7
- }
3
+ #app {
4
+ .el-button {
5
+ font-weight : 400 ;
6
+ border-radius : 2px ;
7
+ }
8
8
}
9
9
10
- .el-dialog {
11
- border-radius : 2px ;
10
+ .el-dialog {
11
+ border-radius : 2px ;
12
12
}
13
13
14
14
::-webkit-scrollbar-track-piece {
15
- background-color : #f8f8f8 ;
15
+ background-color : #f8f8f8 ;
16
16
}
17
17
18
18
::-webkit-scrollbar {
19
- width : 9px ;
20
- height : 9px ;
19
+ width : 9px ;
20
+ height : 9px ;
21
21
}
22
22
23
23
::-webkit-scrollbar-thumb {
24
- background-color : #dddddd ;
25
- background-clip : padding-box ;
26
- min-height : 28px ;
27
- border-radius : 4px ;
24
+ background-color : #dddddd ;
25
+ background-clip : padding-box ;
26
+ min-height : 28px ;
27
+ border-radius : 4px ;
28
28
}
29
29
30
30
::-webkit-scrollbar-thumb :hover {
31
- background-color : #bbb ;
31
+ background-color : #bbb ;
32
32
}
33
33
34
34
.el-button--primary {
35
- --el-button-font-color : #ffffff ;
36
- --el-button-background-color : #4D70FF ;
37
- --el-button-border-color : #4D70FF ;
38
- --el-button-hover-color : #0d84ff ;
39
- --el-button-active-font-color : #e6e6e6 ;
40
- --el-button-active-background-color : #0d84ff ;
41
- --el-button-active-border-color : #0d84ff ;
35
+ --el-button-font-color : #ffffff ;
36
+ --el-button-background-color : #4D70FF ;
37
+ --el-button-border-color : #4D70FF ;
38
+ --el-button-hover-color : #0d84ff ;
39
+ --el-button-active-font-color : #e6e6e6 ;
40
+ --el-button-active-background-color : #0d84ff ;
41
+ --el-button-active-border-color : #0d84ff ;
42
42
}
43
43
44
44
.el-button--primary {
45
- --el-button-font-color : #ffffff ;
46
- --el-button-background-color : #4D70FF ;
47
- --el-button-border-color : #4D70FF ;
48
- --el-button-hover-color : #0d84ff ;
49
- --el-button-active-font-color : #e6e6e6 ;
50
- --el-button-active-background-color : #0d84ff ;
51
- --el-button-active-border-color : #0d84ff ;
45
+ --el-button-font-color : #ffffff ;
46
+ --el-button-background-color : #4D70FF ;
47
+ --el-button-border-color : #4D70FF ;
48
+ --el-button-hover-color : #0d84ff ;
49
+ --el-button-active-font-color : #e6e6e6 ;
50
+ --el-button-active-background-color : #0d84ff ;
51
+ --el-button-active-border-color : #0d84ff ;
52
52
}
53
53
54
54
:root {
55
- --el-color-primary : #4D70FF ;
55
+ --el-color-primary : #4D70FF ;
56
56
}
57
57
58
58
.gva-search-box {
59
- .el-collapse {
60
- border : none ;
61
- .el-collapse-item__header ,
62
- .el-collapse-item__wrap {
63
- border-bottom : none ;
64
- }
65
- }
66
- padding : 24px ;
67
- padding-bottom : 2px ;
68
- background-color : #fff ;
69
- border-radius : 2px ;
70
- margin-bottom : 12px ;
71
- .el-form {
72
- .el-form-item {
73
- padding-right : 28px ;
74
- }
75
- }
59
+ .el-collapse {
60
+ border : none ;
61
+ .el-collapse-item__header ,
62
+ .el-collapse-item__wrap {
63
+ border-bottom : none ;
64
+ }
65
+ }
66
+ padding : 24px ;
67
+ padding-bottom : 2px ;
68
+ background-color : #fff ;
69
+ border-radius : 2px ;
70
+ margin-bottom : 12px ;
71
+ .el-form {
72
+ .el-form-item {
73
+ padding-right : 28px ;
74
+ }
75
+ }
76
76
}
77
77
78
78
.gva-form-box {
79
- padding : 24px ;
80
- background-color : #fff ;
81
- border-radius : 2px ;
79
+ padding : 24px ;
80
+ background-color : #fff ;
81
+ border-radius : 2px ;
82
82
}
83
83
84
84
.gva-table-box {
85
- padding : 24px ;
86
- background-color : #fff ;
87
- border-radius : 2px ;
85
+ padding : 24px ;
86
+ background-color : #fff ;
87
+ border-radius : 2px ;
88
88
}
89
89
90
90
.gva-pagination {
91
- display : flex ;
92
- justify-content : flex-end ;
93
- .el-pagination__editor {
94
- .el-input__inner {
95
- height : 32px ;
96
- }
97
- }
98
- .el-pagination__total {
99
- line-height : 32px !important ;
100
- }
101
- .btn-prev {
102
- padding-right : 6px ;
103
- display : inline-flex ;
104
- justify-content : center ;
105
- align-items : center ;
106
- width : 32px ;
107
- height : 32px ;
108
- }
109
- .number {
110
- display : inline-flex ;
111
- justify-content : center ;
112
- align-items : center ;
113
- width : 32px ;
114
- height : 32px ;
115
- }
116
- .btn-quicknext {
117
- display : inline-flex ;
118
- justify-content : center ;
119
- align-items : center ;
120
- width : 32px ;
121
- height : 32px ;
122
- }
123
- .btn-next {
124
- padding-left : 6px ;
125
- width : 32px ;
126
- height : 32px ;
127
- display : inline-flex ;
128
- justify-content : center ;
129
- align-items : center ;
130
- }
131
- .active {
132
- background : #4D70FF ;
133
- border-radius : 2px ;
134
- color : #ffffff !important ;
135
- }
136
- .el-pager li .active +li {
137
- border-left : 1px solid #ddd !important ;
138
- }
139
- .el-pagination__sizes {
140
- .el-input {
141
- .el-input__suffix {
142
- margin-top : 2px ;
143
- }
144
- }
145
- }
91
+ display : flex ;
92
+ justify-content : flex-end ;
93
+ .el-pagination__editor {
94
+ .el-input__inner {
95
+ height : 32px ;
96
+ }
97
+ }
98
+ .el-pagination__total {
99
+ line-height : 32px !important ;
100
+ }
101
+ .btn-prev {
102
+ padding-right : 6px ;
103
+ display : inline-flex ;
104
+ justify-content : center ;
105
+ align-items : center ;
106
+ width : 32px ;
107
+ height : 32px ;
108
+ }
109
+ .number {
110
+ display : inline-flex ;
111
+ justify-content : center ;
112
+ align-items : center ;
113
+ width : 32px ;
114
+ height : 32px ;
115
+ }
116
+ .btn-quicknext {
117
+ display : inline-flex ;
118
+ justify-content : center ;
119
+ align-items : center ;
120
+ width : 32px ;
121
+ height : 32px ;
122
+ }
123
+ .btn-next {
124
+ padding-left : 6px ;
125
+ width : 32px ;
126
+ height : 32px ;
127
+ display : inline-flex ;
128
+ justify-content : center ;
129
+ align-items : center ;
130
+ }
131
+ .active {
132
+ background : #4D70FF ;
133
+ border-radius : 2px ;
134
+ color : #ffffff !important ;
135
+ }
136
+ .el-pager li .active +li {
137
+ border-left : 1px solid #ddd !important ;
138
+ }
139
+ .el-pagination__sizes {
140
+ .el-input {
141
+ .el-input__suffix {
142
+ margin-top : 2px ;
143
+ }
144
+ }
145
+ }
146
146
}
147
147
148
148
.el-button--mini {
149
- min-height : 32px ;
149
+ min-height : 32px ;
150
150
}
151
151
152
152
.el-button {
153
- padding : 8px 16px ;
154
- border-radius : 2px ;
155
- & .el-button--text {
156
- padding : 8px 0 ;
157
- }
153
+ padding : 8px 16px ;
154
+ border-radius : 2px ;
155
+ & .el-button--text {
156
+ padding : 8px 0 ;
157
+ }
158
158
}
159
159
160
160
.el-dialog {
161
- padding : 12px ;
162
- .el-dialog__body {
163
- padding : 12px 6px ;
164
- }
165
- .el-dialog__header {
166
- .el-dialog__title {
167
- font-size : 14px ;
168
- font-weight : 500 ;
169
- }
170
- padding : 2px 20px 12px 20px ;
171
- border-bottom : 1px solid #E4E4E4 ;
172
- }
173
- .el-dialog__headerbtn {
174
- top : 16px ;
175
- }
176
- .el-dialog__footer {
177
- padding : 0 16px 16px 0 ;
178
- .dialog-footer {
179
- .el-button {
180
- padding-left : 24px ;
181
- padding-right : 24px ;
182
- }
183
- .el-button +.el-button {
184
- margin-left : 30px ;
185
- }
186
- }
187
- }
188
- }
189
-
190
- .el-drawer__body {
191
- padding :0 ;
161
+ padding : 12px ;
162
+ .el-dialog__body {
163
+ padding : 12px 6px ;
164
+ }
165
+ .el-dialog__header {
166
+ .el-dialog__title {
167
+ font-size : 14px ;
168
+ font-weight : 500 ;
169
+ }
170
+ padding : 2px 20px 12px 20px ;
171
+ border-bottom : 1px solid #E4E4E4 ;
172
+ }
173
+ .el-dialog__headerbtn {
174
+ top : 16px ;
175
+ }
176
+ .el-dialog__footer {
177
+ padding : 0 16px 16px 0 ;
178
+ .dialog-footer {
179
+ .el-button {
180
+ padding-left : 24px ;
181
+ padding-right : 24px ;
182
+ }
183
+ .el-button +.el-button {
184
+ margin-left : 30px ;
185
+ }
186
+ }
187
+ }
188
+ }
189
+
190
+ .el-drawer__body {
191
+ padding : 0 ;
192
+ }
193
+
194
+ .el-date-editor .el-range-separator {
195
+ line-height : 24px ;
192
196
}
0 commit comments