Skip to content

Commit 8ba7937

Browse files
author
piexlmax
committed
fixed:#854
1 parent 2f2c73d commit 8ba7937

File tree

1 file changed

+149
-145
lines changed

1 file changed

+149
-145
lines changed

web/src/style/element_visiable.scss

Lines changed: 149 additions & 145 deletions
Original file line numberDiff line numberDiff line change
@@ -1,192 +1,196 @@
11
/* 改变主题色变量 */
22

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+
}
88
}
99

10-
.el-dialog{
11-
border-radius: 2px;
10+
.el-dialog {
11+
border-radius: 2px;
1212
}
1313

1414
::-webkit-scrollbar-track-piece {
15-
background-color: #f8f8f8;
15+
background-color: #f8f8f8;
1616
}
1717

1818
::-webkit-scrollbar {
19-
width: 9px;
20-
height: 9px;
19+
width: 9px;
20+
height: 9px;
2121
}
2222

2323
::-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;
2828
}
2929

3030
::-webkit-scrollbar-thumb:hover {
31-
background-color: #bbb;
31+
background-color: #bbb;
3232
}
3333

3434
.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;
4242
}
4343

4444
.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;
5252
}
5353

5454
:root {
55-
--el-color-primary: #4D70FF;
55+
--el-color-primary: #4D70FF;
5656
}
5757

5858
.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+
}
7676
}
7777

7878
.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;
8282
}
8383

8484
.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;
8888
}
8989

9090
.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+
}
146146
}
147147

148148
.el-button--mini {
149-
min-height: 32px;
149+
min-height: 32px;
150150
}
151151

152152
.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+
}
158158
}
159159

160160
.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;
192196
}

0 commit comments

Comments
 (0)