eoss-ui 0.6.18 → 0.6.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/lib/eoss-ui.common.js +761 -657
  2. package/lib/flow.js +619 -515
  3. package/lib/index.js +1 -1
  4. package/lib/main.js +132 -132
  5. package/lib/qr-code.js +13 -13
  6. package/lib/theme-chalk/index.css +1 -1
  7. package/lib/theme-chalk/login.css +1 -1
  8. package/package.json +157 -157
  9. package/packages/button/src/main.vue +418 -418
  10. package/packages/button-group/src/main.vue +298 -298
  11. package/packages/checkbox-group/src/main.vue +333 -333
  12. package/packages/clients/src/main.vue +144 -144
  13. package/packages/data-table/src/children.vue +39 -39
  14. package/packages/data-table/src/column.vue +983 -983
  15. package/packages/data-table/src/main.vue +1812 -1812
  16. package/packages/data-table/src/sizer.vue +195 -195
  17. package/packages/date-picker/src/main.vue +236 -236
  18. package/packages/flow/src/component/CustomPreset.vue +1 -1
  19. package/packages/flow/src/component/Preset.vue +1 -1
  20. package/packages/flow/src/component/SendMsg.vue +3 -1
  21. package/packages/flow/src/component/taskUnionExamine.vue +38 -20
  22. package/packages/flow/src/main.vue +2731 -2711
  23. package/packages/flow/src/processForm.vue +13 -2
  24. package/packages/flow/src/processReject.vue +14 -3
  25. package/packages/flow/src/startTaskRead.vue +23 -5
  26. package/packages/flow-group/src/main.vue +684 -684
  27. package/packages/form/src/main.vue +3582 -3582
  28. package/packages/form/src/table.vue +1420 -1420
  29. package/packages/handle-user/src/main.vue +134 -134
  30. package/packages/handler/src/main.vue +374 -374
  31. package/packages/icon/src/main.vue +101 -101
  32. package/packages/input/src/main.vue +356 -356
  33. package/packages/login/src/main.vue +1851 -1851
  34. package/packages/login/src/resetPassword.vue +557 -557
  35. package/packages/main/src/default/message.vue +249 -249
  36. package/packages/main/src/default/notice.vue +157 -157
  37. package/packages/main/src/default/userinfo.vue +494 -494
  38. package/packages/main/src/public/online.vue +89 -89
  39. package/packages/main/src/public/search.vue +454 -454
  40. package/packages/main/src/public/settings.vue +221 -221
  41. package/packages/main/src/simplicity/apps.vue +388 -388
  42. package/packages/main/src/simplicity/avatar.vue +82 -82
  43. package/packages/main/src/simplicity/handler.vue +183 -183
  44. package/packages/main/src/simplicity/index.vue +1930 -1930
  45. package/packages/main/src/simplicity/lists.vue +84 -84
  46. package/packages/main/src/simplicity/menu-list.vue +128 -128
  47. package/packages/main/src/simplicity/message.vue +259 -259
  48. package/packages/main/src/simplicity/notice.vue +190 -190
  49. package/packages/main/src/simplicity/router-page.vue +45 -45
  50. package/packages/main/src/simplicity/sub-menu.vue +241 -241
  51. package/packages/main/src/simplicity/user.vue +248 -248
  52. package/packages/main/src/simplicity/userinfo.vue +304 -304
  53. package/packages/menu/src/main.vue +536 -536
  54. package/packages/pagination/src/main.vue +96 -96
  55. package/packages/qr-code/src/main.vue +170 -170
  56. package/packages/radio-group/src/main.vue +319 -319
  57. package/packages/select/src/main.vue +761 -761
  58. package/packages/selector/src/main.vue +677 -677
  59. package/packages/selector-panel/src/main.vue +1020 -1020
  60. package/packages/selector-panel/src/selection.vue +160 -160
  61. package/packages/tabs/src/main.vue +788 -788
  62. package/packages/theme-chalk/lib/index.css +1 -1
  63. package/packages/theme-chalk/lib/login.css +1 -1
  64. package/packages/theme-chalk/src/base.scss +260 -260
  65. package/packages/theme-chalk/src/button-group.scss +175 -175
  66. package/packages/theme-chalk/src/calendar.scss +113 -113
  67. package/packages/theme-chalk/src/clients.scss +87 -87
  68. package/packages/theme-chalk/src/common/var.scss +1 -4
  69. package/packages/theme-chalk/src/data-table.scss +276 -276
  70. package/packages/theme-chalk/src/dialog.scss +77 -77
  71. package/packages/theme-chalk/src/flow-group.scss +110 -110
  72. package/packages/theme-chalk/src/form.scss +496 -496
  73. package/packages/theme-chalk/src/handler.scss +133 -133
  74. package/packages/theme-chalk/src/icon.scss +1745 -1745
  75. package/packages/theme-chalk/src/icons.scss +99 -99
  76. package/packages/theme-chalk/src/login.scss +917 -926
  77. package/packages/theme-chalk/src/main.scss +632 -632
  78. package/packages/theme-chalk/src/menu.scss +222 -222
  79. package/packages/theme-chalk/src/nav.scss +125 -125
  80. package/packages/theme-chalk/src/pagination.scss +29 -29
  81. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  82. package/packages/theme-chalk/src/simplicity.scss +1246 -1246
  83. package/packages/theme-chalk/src/tabs.scss +87 -87
  84. package/packages/theme-chalk/src/toolbar.scss +179 -179
  85. package/packages/theme-chalk/src/tree-group.scss +72 -72
  86. package/packages/theme-chalk/src/tree.scss +165 -165
  87. package/packages/upload/src/main.vue +1313 -1313
  88. package/packages/wujie/src/main.vue +145 -145
  89. package/src/config/api.js +236 -236
  90. package/src/config/image.js +2 -2
  91. package/src/index.js +157 -157
  92. package/packages/.DS_Store +0 -0
  93. package/packages/checkbox-group/.DS_Store +0 -0
  94. package/packages/data-table/.DS_Store +0 -0
  95. package/packages/dialog/.DS_Store +0 -0
  96. package/packages/handler/.DS_Store +0 -0
  97. package/packages/login/.DS_Store +0 -0
  98. package/packages/main/.DS_Store +0 -0
  99. package/packages/main/src/.DS_Store +0 -0
  100. package/packages/theme-chalk/src/.DS_Store +0 -0
  101. package/src/.DS_Store +0 -0
package/packages/theme-chalk/src/login.scss CHANGED
@@ -1,926 +1,917 @@
1
- @import './common/var.scss';
2
- @mixin loginMedium {
3
- .es-login.es-adaptive {
4
- width: $--login-width * 0.7777;
5
- .es-login-main {
6
- padding: $--login-padding-medium;
7
- &.es-complex {
8
- padding: $--login-complex-padding-medium;
9
- }
10
- }
11
- .es-login-name {
12
- margin-bottom: 16px;
13
- }
14
- .es-login-title-image {
15
- margin: $--login-title-image-margin-medium;
16
- }
17
- .es-login-model {
18
- right: 8px;
19
- top: 8px;
20
- .es-icon-box {
21
- width: 40px;
22
- height: 40px;
23
- &::after {
24
- border-width: 22px;
25
- }
26
- .es-icon {
27
- font-size: 38px;
28
- }
29
- }
30
- .es-login-model-tips {
31
- width: 128px;
32
- height: 32px;
33
- padding: 6px 8px 6px 4px;
34
- line-height: 20px;
35
- right: 46px;
36
- top: 8px;
37
- }
38
- }
39
- .es-login-models {
40
- padding-top: 12px;
41
- bottom: 10px;
42
- .es-icon-box {
43
- & + .es-icon-box {
44
- margin-left: 12px;
45
- }
46
- }
47
- .es-icon {
48
- font-size: 22px;
49
- }
50
- }
51
- .es-login-complex-title {
52
- height: 12px;
53
- font-size: 18px;
54
- line-height: 18px;
55
- transform: translateY(-16px);
56
- }
57
- .es-login-complex-models {
58
- height: 40px;
59
- line-height: 40px;
60
- margin-bottom: 12px;
61
- .es-login-complex-models-item {
62
- padding: 0 10px;
63
- font-size: 16px;
64
- & + .es-login-complex-models-item {
65
- margin-left: 24px;
66
- }
67
- &.es-active {
68
- color: $--color-primary;
69
- border-bottom: 1px solid $--color-primary;
70
- }
71
- }
72
- }
73
- .es-login-title {
74
- font-size: 20px;
75
- line-height: 20px;
76
- padding-bottom: 18px;
77
- .es-login-title-content {
78
- margin: 0 24px;
79
- }
80
- &.es-login-title-complex {
81
- height: 40px;
82
- font-size: 16px;
83
- line-height: 40px;
84
- .es-login-title-content {
85
- padding: 0 12px;
86
- border-bottom-width: 1px;
87
- }
88
- }
89
- }
90
- .es-login-form {
91
- height: 264px;
92
- .el-form-item__content {
93
- line-height: 40px;
94
- }
95
- .el-input__inner {
96
- height: 40px;
97
- font-size: 16px;
98
- padding-left: 42px;
99
- }
100
- .el-input__prefix {
101
- width: 40px;
102
- height: 40px;
103
- padding-left: 5px;
104
- line-height: 40px;
105
- i {
106
- line-height: 40px;
107
- font-size: 18px;
108
- }
109
- }
110
- .el-input__suffix-inner {
111
- height: 40px;
112
- line-height: 40px;
113
- .el-input__icon {
114
- line-height: 40px;
115
- font-size: 16px;
116
- }
117
- .es-img-code {
118
- height: 36px;
119
- }
120
- .es-get-code {
121
- width: 94px;
122
- height: 40px;
123
- line-height: 40px;
124
- }
125
- }
126
- .es-button-submit {
127
- height: 40px;
128
- font-size: 18px;
129
- line-height: 40px;
130
- }
131
- .es-label-image-code {
132
- padding-right: 95px;
133
- }
134
- }
135
- .es-login-qrcode {
136
- height: 264px;
137
- }
138
- .es-password-handle {
139
- height: 22px;
140
- margin-bottom: 12px;
141
-
142
- .el-checkbox__label {
143
- font-size: 14px;
144
- }
145
-
146
- .el-checkbox__input {
147
- .el-checkbox__inner {
148
- width: 18px;
149
- height: 18px;
150
- border-radius: 10px;
151
-
152
- &::after {
153
- border: 2px solid #ffffff;
154
- border-left: 0;
155
- border-top: 0;
156
- height: 8px;
157
- left: 6px;
158
- top: 2px;
159
- }
160
- }
161
- }
162
-
163
- .es-password-forget {
164
- font-size: 14px;
165
- }
166
- }
167
- .es-login-complex-app {
168
- .es-login-complex-scan {
169
- padding-right: 16px;
170
- .es-icon-scan {
171
- font-size: 30px;
172
- }
173
- .es-login-complex-scan-tips {
174
- line-height: 18px;
175
- }
176
- }
177
- .es-login-complex-download {
178
- margin-left: 16px;
179
- line-height: 36px;
180
- }
181
- }
182
- .es-to-login {
183
- margin-right: -40px;
184
- font-size: 17px;
185
- padding-top: 14px;
186
- }
187
- }
188
- }
189
- @mixin loginSmall {
190
- .es-login.es-adaptive {
191
- width: $--login-width * 0.6666;
192
- .es-login-main {
193
- padding: $--login-padding-small;
194
- &.es-complex {
195
- padding: $--login-complex-padding-small;
196
- }
197
- }
198
- .es-login-name {
199
- margin-bottom: 12px;
200
- }
201
- .es-login-title-image {
202
- margin: $--login-title-image-margin-small;
203
- }
204
- .es-login-model {
205
- right: 6px;
206
- top: 6px;
207
- .es-icon-box {
208
- width: 36px;
209
- height: 36px;
210
- &::after {
211
- border-width: 19px;
212
- }
213
- .es-icon {
214
- font-size: 34px;
215
- }
216
- }
217
- .es-login-model-tips {
218
- width: 100px;
219
- height: 26px;
220
- font-size: 12px;
221
- padding: 4px 6px 4px 2px;
222
- line-height: 20px;
223
- right: 38px;
224
- top: 6px;
225
- }
226
- }
227
- .es-login-models {
228
- padding-top: 12px;
229
- bottom: 10px;
230
- .es-icon-box {
231
- & + .es-icon-box {
232
- margin-left: 12px;
233
- }
234
- }
235
- .es-icon {
236
- font-size: 20px;
237
- }
238
- }
239
- .es-login-complex-title {
240
- height: 10px;
241
- font-size: 16px;
242
- line-height: 16px;
243
- }
244
- .es-login-complex-models {
245
- height: 30px;
246
- line-height: 30px;
247
- margin-bottom: 8px;
248
- .es-login-complex-models-item {
249
- padding: 0 8px;
250
- font-size: 14px;
251
- & + .es-login-complex-models-item {
252
- margin-left: 18px;
253
- }
254
- }
255
- }
256
- .es-login-title {
257
- font-size: 16px;
258
- line-height: 16px;
259
- padding-bottom: 14px;
260
- .es-login-title-content {
261
- margin: 0 24px;
262
- }
263
- &.es-login-title-complex {
264
- height: 30px;
265
- font-size: 14px;
266
- line-height: 30px;
267
- .es-login-title-content {
268
- padding: 0 10px;
269
- }
270
- }
271
- }
272
- .es-login-form {
273
- height: 224px;
274
- .el-form-item__content {
275
- line-height: 32px;
276
- }
277
- .el-input__inner {
278
- height: 32px;
279
- font-size: 14px;
280
- padding-left: 34px;
281
- }
282
- .el-input__prefix {
283
- width: 32px;
284
- height: 32px;
285
- padding-left: 5px;
286
- line-height: 32px;
287
- i {
288
- line-height: 32px;
289
- font-size: 16px;
290
- }
291
- }
292
- .el-input__suffix-inner {
293
- height: 32px;
294
- line-height: 32px;
295
- .el-input__icon {
296
- line-height: 32px;
297
- font-size: 14px;
298
- }
299
- .es-img-code {
300
- height: 30px;
301
- }
302
- .es-get-code {
303
- width: 80px;
304
- height: 32px;
305
- line-height: 32px;
306
- }
307
- }
308
- .es-button-submit {
309
- height: 32px;
310
- font-size: 14px;
311
- line-height: 32px;
312
- }
313
- .es-label-image-code {
314
- padding-right: 80px;
315
- }
316
- }
317
- .es-login-qrcode {
318
- height: 224px;
319
- .es-login-down-app {
320
- font-size: 12px;
321
- }
322
- }
323
- .es-password-handle {
324
- height: 22px;
325
- margin-bottom: 8px;
326
-
327
- .el-checkbox__label {
328
- font-size: 14px;
329
- padding-left: 6px;
330
- }
331
-
332
- .el-checkbox__input {
333
- .el-checkbox__inner {
334
- width: 16px;
335
- height: 16px;
336
- border-radius: 10px;
337
-
338
- &::after {
339
- height: 6px;
340
- left: 5px;
341
- top: 2px;
342
- }
343
- }
344
- }
345
-
346
- .es-password-forget {
347
- font-size: 14px;
348
- }
349
- }
350
- .es-login-complex-app {
351
- .es-login-complex-scan {
352
- padding-right: 16px;
353
- .es-icon-scan {
354
- font-size: 22px;
355
- }
356
- .es-login-complex-scan-tips {
357
- line-height: 14px;
358
- font-size: 12px;
359
- }
360
- }
361
- .es-login-complex-download {
362
- margin-left: 16px;
363
- line-height: 30px;
364
- }
365
- }
366
- .es-to-login {
367
- margin-right: -30px;
368
- font-size: 14px;
369
- padding-top: 8px;
370
- }
371
- }
372
- }
373
- @mixin loginMini {
374
- .es-login.es-adaptive {
375
- .es-login-main {
376
- padding: $--login-padding-mini;
377
- &.es-complex {
378
- padding: $--login-complex-padding-mini;
379
- }
380
- }
381
- .es-login-name {
382
- margin-bottom: 8px;
383
- }
384
- .es-login-title-image {
385
- margin: $--login-title-image-margin-mini;
386
- }
387
- .es-login-model {
388
- .es-icon-box {
389
- width: 32px;
390
- height: 32px;
391
- &::after {
392
- border-width: 17px;
393
- }
394
- .es-icon {
395
- font-size: 30px;
396
- }
397
- }
398
- }
399
- .es-login-models {
400
- padding-top: 12px;
401
- bottom: 10px;
402
- .es-icon-box {
403
- & + .es-icon-box {
404
- margin-left: 12px;
405
- }
406
- }
407
- .es-icon {
408
- font-size: 18px;
409
- }
410
- }
411
- .es-login-complex-title {
412
- height: 10px;
413
- font-size: 14px;
414
- line-height: 14px;
415
- }
416
- .es-login-complex-models {
417
- height: 24px;
418
- line-height: 24px;
419
- margin-bottom: 4px;
420
- .es-login-complex-models-item {
421
- padding: 0 4px;
422
- font-size: 12px;
423
- & + .es-login-complex-models-item {
424
- margin-left: 12px;
425
- }
426
- }
427
- }
428
- .es-login-title {
429
- font-size: 14px;
430
- line-height: 14px;
431
- padding-bottom: 10px;
432
- .es-login-title-content {
433
- margin: 0 24px;
434
- }
435
- &.es-login-title-complex {
436
- height: 24px;
437
- font-size: 14px;
438
- line-height: 24px;
439
- .es-login-title-content {
440
- padding: 0 10px;
441
- }
442
- }
443
- }
444
- .es-login-form {
445
- height: 210px;
446
- .el-input__inner {
447
- font-size: 12px;
448
- }
449
- }
450
- .es-login-qrcode {
451
- height: 210px;
452
- }
453
- .es-password-handle {
454
- .el-checkbox__label {
455
- font-size: 12px;
456
- }
457
-
458
- .el-checkbox__input {
459
- .el-checkbox__inner {
460
- width: 14px;
461
- height: 14px;
462
- ß &::after {
463
- height: 6px;
464
- left: 4px;
465
- top: 1px;
466
- }
467
- }
468
- }
469
-
470
- .es-password-forget {
471
- font-size: 12px;
472
- }
473
- }
474
- .es-login-complex-app {
475
- .es-login-complex-scan {
476
- padding-right: 12px;
477
- .es-icon-scan {
478
- font-size: 22px;
479
- }
480
- .es-login-complex-scan-tips {
481
- line-height: 14px;
482
- font-size: 12px;
483
- }
484
- }
485
- .es-login-complex-download {
486
- margin-left: 12px;
487
- line-height: 28px;
488
- font-size: 12px;
489
- }
490
- }
491
- .es-to-login {
492
- margin-right: -20px;
493
- font-size: 14px;
494
- padding-top: 4px;
495
- }
496
- }
497
- }
498
- .es-login-screen {
499
- width: 100%;
500
- height: 100%;
501
- background-position: center;
502
- background-repeat: no-repeat;
503
- background-size: 100% 100%;
504
- position: relative;
505
- overflow: hidden;
506
-
507
- .es-login-logo {
508
- height: 58px;
509
- position: absolute;
510
- left: 24px;
511
- top: 24px;
512
- }
513
- .es-login {
514
- width: $--login-width;
515
- position: absolute;
516
- .es-login-main {
517
- padding: $--login-padding;
518
- position: relative;
519
- border-radius: 20px;
520
- background-size: 100% 100%;
521
- background-color: #ffffff;
522
- background-repeat: no-repeat;
523
- box-shadow: $--box-shadow-light;
524
- &.es-complex {
525
- padding: $--login-complex-padding;
526
- }
527
- }
528
- .es-login-name {
529
- margin-bottom: 20px;
530
- position: relative;
531
- left: 50%;
532
- transform: translateX(-50%);
533
- }
534
- .es-login-title-image {
535
- margin: $--login-title-image-margin;
536
- border-radius: 20px 20px 0 0;
537
- overflow: hidden;
538
- .es-login-title-img {
539
- width: 100%;
540
- }
541
- }
542
- .es-login-model {
543
- position: absolute;
544
- right: 10px;
545
- top: 10px;
546
- z-index: 99;
547
- .es-icon-box {
548
- display: block;
549
- width: 50px;
550
- height: 50px;
551
- cursor: pointer;
552
- position: relative;
553
- padding: 1px;
554
- &::after {
555
- content: '';
556
- position: absolute;
557
- left: 0;
558
- top: 0;
559
- right: 0;
560
- bottom: 0;
561
- border-color: transparent transparent #fff #fff;
562
- border-style: solid;
563
- border-width: 28px;
564
- }
565
- .es-icon {
566
- font-size: 48px;
567
- color: $--color-primary;
568
- }
569
- }
570
- .es-login-model-tips {
571
- width: 128px;
572
- height: 40px;
573
- padding: 8px 10px 8px 6px;
574
- line-height: 24px;
575
- text-align: center;
576
- color: #d4815e;
577
- background-repeat: no-repeat;
578
- background-size: 100% 100%;
579
- position: absolute;
580
- right: 60px;
581
- top: 10px;
582
- }
583
- }
584
- .es-login-models {
585
- text-align: center;
586
- color: #d9d9d9;
587
- padding-top: 12px;
588
- position: absolute;
589
- left: 0;
590
- right: 0;
591
- bottom: 10px;
592
- .es-icon-box {
593
- & + .es-icon-box {
594
- margin-left: 12px;
595
- }
596
- &.es-icon-active {
597
- color: $--color-primary-light-6;
598
- }
599
- }
600
- .es-icon {
601
- font-size: 24px;
602
- cursor: pointer;
603
- }
604
- }
605
- .es-login-complex-title {
606
- height: 22px;
607
- font-size: 22px;
608
- font-family: 'zihun';
609
- font-weight: normal;
610
- color: $--color-primary;
611
- line-height: 22px;
612
- transform: translateY(-20px);
613
- }
614
- .es-login-complex-models {
615
- display: flex;
616
- height: 40px;
617
- line-height: 40px;
618
- margin-bottom: 18px;
619
- .es-login-complex-models-item {
620
- min-width: 64px;
621
- padding: 0 13px;
622
- font-size: 18px;
623
- color: #939393;
624
- text-align: center;
625
- cursor: pointer;
626
- & + .es-login-complex-models-item {
627
- margin-left: 30px;
628
- }
629
- &.es-active {
630
- color: $--color-primary;
631
- border-bottom: 1px solid $--color-primary;
632
- }
633
- }
634
- &.es-complex-title {
635
- justify-content: center;
636
- }
637
- }
638
- .es-login-title {
639
- color: $--color-primary;
640
- display: flex;
641
- align-items: center;
642
- font-size: 24px;
643
- line-height: 24px;
644
- font-weight: bold;
645
- position: relative;
646
- padding-bottom: 30px;
647
-
648
- &:not(.es-login-title-complex)::before,
649
- &:not(.es-login-title-complex)::after {
650
- content: '';
651
- height: 1px;
652
- flex: 1;
653
- background-color: #eeeeee;
654
- }
655
- .es-login-title-content {
656
- margin: 0 24px;
657
- }
658
- &.es-login-title-complex {
659
- justify-content: center;
660
- height: 40px;
661
- font-size: 16px;
662
- line-height: 40px;
663
- .es-login-title-content {
664
- padding: 0 12px;
665
- border-bottom: 2px solid $--color-primary;
666
- }
667
- }
668
- }
669
- .es-login-form {
670
- height: 340px;
671
- display: flex;
672
- flex-direction: column;
673
- justify-content: space-around;
674
- .el-form-item__content {
675
- line-height: 50px;
676
- }
677
- .el-form-item {
678
- margin-bottom: 0;
679
- }
680
- .el-input__inner {
681
- height: 50px;
682
- font-size: 18px;
683
- background-color: #f7f7f7;
684
- border-radius: $--login-form-radius;
685
- padding-left: 52px;
686
- }
687
- .el-input__prefix {
688
- width: 48px;
689
- left: 0;
690
- padding-left: 6px;
691
- line-height: 50px;
692
- height: 50px;
693
- i {
694
- line-height: 50px;
695
- font-size: 20px;
696
- color: #333;
697
- }
698
- }
699
- .el-input__suffix-inner {
700
- display: block;
701
- height: 50px;
702
- line-height: 50px;
703
- .el-input__icon {
704
- line-height: 50px;
705
- font-size: 18px;
706
- }
707
- .es-img-code {
708
- cursor: pointer;
709
- height: 46px;
710
- margin: 2px;
711
- }
712
- .es-get-code {
713
- width: 115px;
714
- height: 50px;
715
- text-align: center;
716
- padding: 0;
717
- line-height: 50px;
718
- }
719
- }
720
- .es-button-submit {
721
- width: 100%;
722
- height: 50px;
723
- font-size: 20px;
724
- text-align: center;
725
- line-height: 50px;
726
- font-weight: 500;
727
- border-radius: $--login-form-radius;
728
- padding: 0;
729
- }
730
- .es-label-image-code {
731
- padding-right: 120px;
732
- .el-input__suffix {
733
- right: 0;
734
- }
735
- }
736
- }
737
- .es-login-qrcode {
738
- height: 340px;
739
- display: flex;
740
- flex-direction: column;
741
- justify-content: space-around;
742
- .es-login-qrcode-box {
743
- flex: 1;
744
- position: relative;
745
- }
746
- .es-login-down-app {
747
- font-size: $--font-size-base;
748
- font-weight: normal;
749
- text-align: center;
750
- line-height: 20px;
751
- .es-login-app-name {
752
- color: #a90404;
753
- padding: 0 8px;
754
- }
755
- }
756
- .es-qrcode-box,
757
- .es-wx-qrcode-box {
758
- position: absolute;
759
- left: 0;
760
- top: 0;
761
- right: 0;
762
- bottom: 0;
763
- }
764
- }
765
- .es-password-handle {
766
- height: 22px;
767
- justify-content: space-between;
768
- margin-bottom: 22px;
769
-
770
- .el-checkbox__label {
771
- font-size: 16px;
772
- font-weight: 400;
773
- color: #333333 !important;
774
- }
775
-
776
- .el-checkbox__input {
777
- .el-checkbox__inner {
778
- width: 18px;
779
- height: 18px;
780
- border-radius: 10px;
781
-
782
- &::after {
783
- border: 2px solid #ffffff;
784
- border-left: 0;
785
- border-top: 0;
786
- height: 8px;
787
- left: 6px;
788
- top: 2px;
789
- }
790
- }
791
- }
792
-
793
- .es-password-forget {
794
- font-size: 16px;
795
- color: #999999;
796
- text-align: right;
797
- float: right;
798
- cursor: pointer;
799
- }
800
- }
801
- .es-login-complex-app {
802
- display: flex;
803
- align-items: center;
804
- justify-content: center;
805
- .es-login-complex-scan {
806
- display: flex;
807
- align-items: center;
808
- justify-content: center;
809
- color: #666;
810
- padding-right: 16px;
811
- border-right: 1px solid #ccc;
812
- .es-icon-scan {
813
- font-size: 34px;
814
- color: #97a1c3;
815
- margin-right: 3px;
816
- }
817
- .es-login-complex-scan-tips {
818
- line-height: 20px;
819
- }
820
- }
821
- .es-login-complex-download {
822
- margin-left: 16px;
823
- line-height: 40px;
824
- .es-login-app-name {
825
- color: $--color-primary;
826
- font-weight: bold;
827
- }
828
- }
829
- }
830
- .es-to-login {
831
- text-align: right;
832
- margin-right: -45px;
833
- font-size: 20px;
834
- color: $--color-primary;
835
- padding-top: 20px;
836
- }
837
- &.es-simple {
838
- .es-login-form {
839
- .el-input__inner {
840
- border-width: 0 0 1px 0;
841
- border-radius: 0;
842
- background-color: #fff;
843
- box-shadow: none;
844
- }
845
- }
846
-
847
- .el-input__prefix {
848
- left: 0;
849
- }
850
- }
851
- .es-downloadSetup {
852
- height: 20px;
853
- text-align: center;
854
- .es-setup {
855
- cursor: pointer;
856
- color: #333;
857
- &:hover {
858
- color: #f9d900;
859
- }
860
- }
861
- }
862
- }
863
- &.es-login-medium {
864
- @include loginMedium;
865
- }
866
- @media screen and (max-width: 1600px) and (max-height: 900px) {
867
- @include loginMedium;
868
- }
869
- &.es-login-small {
870
- @include loginSmall;
871
- }
872
- @media screen and (max-width: 1280px) and (max-height: 720px) {
873
- @include loginSmall;
874
- }
875
- &.es-login-mini {
876
- @include loginMini;
877
- }
878
- @media screen and (max-width: 1024px) and (max-height: 768px) {
879
- @include loginMini;
880
- }
881
- }
882
- .es-user-info {
883
- .es-form-content {
884
- padding-right: 30px;
885
- }
886
- .es-form-button {
887
- padding-right: 20px;
888
- }
889
- }
890
-
891
- .es-login-icp {
892
- display: flex;
893
- position: fixed;
894
- left: 50%;
895
- bottom: 20px;
896
- transform: translateX(-50%);
897
-
898
- .es-login-icp-item {
899
- display: block;
900
- white-space: nowrap;
901
- font-size: 14px;
902
- font-weight: 400;
903
-
904
- & + .es-login-icp-item {
905
- margin-left: 20px;
906
- }
907
- }
908
- a:hover {
909
- text-decoration: underline;
910
- }
911
- }
912
- .rest-password-box {
913
- height: 100%;
914
- position: relative;
915
- &.rest-password-cut {
916
- padding-top: 60px;
917
- }
918
- .rest-menu-cut {
919
- position: absolute;
920
- left: 0;
921
- top: 0;
922
- right: 0;
923
- display: flex;
924
- justify-content: center;
925
- }
926
- }
1
+ @import './common/var.scss';
2
+ @mixin loginMedium {
3
+ .es-login.es-adaptive {
4
+ width: $--login-width * 0.7777;
5
+ .es-login-main {
6
+ padding: $--login-padding-medium;
7
+ &.es-complex {
8
+ padding: $--login-complex-padding-medium;
9
+ }
10
+ }
11
+ .es-login-name {
12
+ margin-bottom: 16px;
13
+ }
14
+ .es-login-model {
15
+ right: 8px;
16
+ top: 8px;
17
+ .es-icon-box {
18
+ width: 40px;
19
+ height: 40px;
20
+ &::after {
21
+ border-width: 22px;
22
+ }
23
+ .es-icon {
24
+ font-size: 38px;
25
+ }
26
+ }
27
+ .es-login-model-tips {
28
+ width: 128px;
29
+ height: 32px;
30
+ padding: 6px 8px 6px 4px;
31
+ line-height: 20px;
32
+ right: 46px;
33
+ top: 8px;
34
+ }
35
+ }
36
+ .es-login-models {
37
+ padding-top: 12px;
38
+ bottom: 10px;
39
+ .es-icon-box {
40
+ & + .es-icon-box {
41
+ margin-left: 12px;
42
+ }
43
+ }
44
+ .es-icon {
45
+ font-size: 22px;
46
+ }
47
+ }
48
+ .es-login-complex-title {
49
+ height: 12px;
50
+ font-size: 18px;
51
+ line-height: 18px;
52
+ transform: translateY(-16px);
53
+ }
54
+ .es-login-complex-models {
55
+ height: 40px;
56
+ line-height: 40px;
57
+ margin-bottom: 12px;
58
+ .es-login-complex-models-item {
59
+ padding: 0 10px;
60
+ font-size: 16px;
61
+ & + .es-login-complex-models-item {
62
+ margin-left: 24px;
63
+ }
64
+ &.es-active {
65
+ color: $--color-primary;
66
+ border-bottom: 1px solid $--color-primary;
67
+ }
68
+ }
69
+ }
70
+ .es-login-title {
71
+ font-size: 20px;
72
+ line-height: 20px;
73
+ padding-bottom: 18px;
74
+ .es-login-title-content {
75
+ margin: 0 24px;
76
+ }
77
+ &.es-login-title-complex {
78
+ height: 40px;
79
+ font-size: 16px;
80
+ line-height: 40px;
81
+ .es-login-title-content {
82
+ padding: 0 12px;
83
+ border-bottom-width: 1px;
84
+ }
85
+ }
86
+ }
87
+ .es-login-form {
88
+ height: 264px;
89
+ .el-form-item__content {
90
+ line-height: 40px;
91
+ }
92
+ .el-input__inner {
93
+ height: 40px;
94
+ font-size: 16px;
95
+ padding-left: 42px;
96
+ }
97
+ .el-input__prefix {
98
+ width: 40px;
99
+ height: 40px;
100
+ padding-left: 5px;
101
+ line-height: 40px;
102
+ i {
103
+ line-height: 40px;
104
+ font-size: 18px;
105
+ }
106
+ }
107
+ .el-input__suffix-inner {
108
+ height: 40px;
109
+ line-height: 40px;
110
+ .el-input__icon {
111
+ line-height: 40px;
112
+ font-size: 16px;
113
+ }
114
+ .es-img-code {
115
+ height: 36px;
116
+ }
117
+ .es-get-code {
118
+ width: 94px;
119
+ height: 40px;
120
+ line-height: 40px;
121
+ }
122
+ }
123
+ .es-button-submit {
124
+ height: 40px;
125
+ font-size: 18px;
126
+ line-height: 40px;
127
+ }
128
+ .es-label-image-code {
129
+ padding-right: 95px;
130
+ }
131
+ }
132
+ .es-login-qrcode {
133
+ height: 264px;
134
+ }
135
+ .es-password-handle {
136
+ height: 22px;
137
+ margin-bottom: 12px;
138
+
139
+ .el-checkbox__label {
140
+ font-size: 14px;
141
+ }
142
+
143
+ .el-checkbox__input {
144
+ .el-checkbox__inner {
145
+ width: 18px;
146
+ height: 18px;
147
+ border-radius: 10px;
148
+
149
+ &::after {
150
+ border: 2px solid #ffffff;
151
+ border-left: 0;
152
+ border-top: 0;
153
+ height: 8px;
154
+ left: 6px;
155
+ top: 2px;
156
+ }
157
+ }
158
+ }
159
+
160
+ .es-password-forget {
161
+ font-size: 14px;
162
+ }
163
+ }
164
+ .es-login-complex-app {
165
+ .es-login-complex-scan {
166
+ padding-right: 16px;
167
+ .es-icon-scan {
168
+ font-size: 30px;
169
+ }
170
+ .es-login-complex-scan-tips {
171
+ line-height: 18px;
172
+ }
173
+ }
174
+ .es-login-complex-download {
175
+ margin-left: 16px;
176
+ line-height: 36px;
177
+ }
178
+ }
179
+ .es-to-login {
180
+ margin-right: -40px;
181
+ font-size: 17px;
182
+ padding-top: 14px;
183
+ }
184
+ }
185
+ }
186
+ @mixin loginSmall {
187
+ .es-login.es-adaptive {
188
+ width: $--login-width * 0.6666;
189
+ .es-login-main {
190
+ padding: $--login-padding-small;
191
+ &.es-complex {
192
+ padding: $--login-complex-padding-small;
193
+ }
194
+ }
195
+ .es-login-name {
196
+ margin-bottom: 12px;
197
+ }
198
+ .es-login-model {
199
+ right: 6px;
200
+ top: 6px;
201
+ .es-icon-box {
202
+ width: 36px;
203
+ height: 36px;
204
+ &::after {
205
+ border-width: 19px;
206
+ }
207
+ .es-icon {
208
+ font-size: 34px;
209
+ }
210
+ }
211
+ .es-login-model-tips {
212
+ width: 100px;
213
+ height: 26px;
214
+ font-size: 12px;
215
+ padding: 4px 6px 4px 2px;
216
+ line-height: 20px;
217
+ right: 38px;
218
+ top: 6px;
219
+ }
220
+ }
221
+ .es-login-models {
222
+ padding-top: 12px;
223
+ bottom: 10px;
224
+ .es-icon-box {
225
+ & + .es-icon-box {
226
+ margin-left: 12px;
227
+ }
228
+ }
229
+ .es-icon {
230
+ font-size: 20px;
231
+ }
232
+ }
233
+ .es-login-complex-title {
234
+ height: 10px;
235
+ font-size: 16px;
236
+ line-height: 16px;
237
+ }
238
+ .es-login-complex-models {
239
+ height: 30px;
240
+ line-height: 30px;
241
+ margin-bottom: 8px;
242
+ .es-login-complex-models-item {
243
+ padding: 0 8px;
244
+ font-size: 14px;
245
+ & + .es-login-complex-models-item {
246
+ margin-left: 18px;
247
+ }
248
+ }
249
+ }
250
+ .es-login-title {
251
+ font-size: 16px;
252
+ line-height: 16px;
253
+ padding-bottom: 14px;
254
+ .es-login-title-content {
255
+ margin: 0 24px;
256
+ }
257
+ &.es-login-title-complex {
258
+ height: 30px;
259
+ font-size: 14px;
260
+ line-height: 30px;
261
+ .es-login-title-content {
262
+ padding: 0 10px;
263
+ }
264
+ }
265
+ }
266
+ .es-login-form {
267
+ height: 224px;
268
+ .el-form-item__content {
269
+ line-height: 32px;
270
+ }
271
+ .el-input__inner {
272
+ height: 32px;
273
+ font-size: 14px;
274
+ padding-left: 34px;
275
+ }
276
+ .el-input__prefix {
277
+ width: 32px;
278
+ height: 32px;
279
+ padding-left: 5px;
280
+ line-height: 32px;
281
+ i {
282
+ line-height: 32px;
283
+ font-size: 16px;
284
+ }
285
+ }
286
+ .el-input__suffix-inner {
287
+ height: 32px;
288
+ line-height: 32px;
289
+ .el-input__icon {
290
+ line-height: 32px;
291
+ font-size: 14px;
292
+ }
293
+ .es-img-code {
294
+ height: 30px;
295
+ }
296
+ .es-get-code {
297
+ width: 80px;
298
+ height: 32px;
299
+ line-height: 32px;
300
+ }
301
+ }
302
+ .es-button-submit {
303
+ height: 32px;
304
+ font-size: 14px;
305
+ line-height: 32px;
306
+ }
307
+ .es-label-image-code {
308
+ padding-right: 80px;
309
+ }
310
+ }
311
+ .es-login-qrcode {
312
+ height: 224px;
313
+ .es-login-down-app {
314
+ font-size: 12px;
315
+ }
316
+ }
317
+ .es-password-handle {
318
+ height: 22px;
319
+ margin-bottom: 8px;
320
+
321
+ .el-checkbox__label {
322
+ font-size: 14px;
323
+ padding-left: 6px;
324
+ }
325
+
326
+ .el-checkbox__input {
327
+ .el-checkbox__inner {
328
+ width: 16px;
329
+ height: 16px;
330
+ border-radius: 10px;
331
+
332
+ &::after {
333
+ height: 6px;
334
+ left: 5px;
335
+ top: 2px;
336
+ }
337
+ }
338
+ }
339
+
340
+ .es-password-forget {
341
+ font-size: 14px;
342
+ }
343
+ }
344
+ .es-login-complex-app {
345
+ .es-login-complex-scan {
346
+ padding-right: 16px;
347
+ .es-icon-scan {
348
+ font-size: 22px;
349
+ }
350
+ .es-login-complex-scan-tips {
351
+ line-height: 14px;
352
+ font-size: 12px;
353
+ }
354
+ }
355
+ .es-login-complex-download {
356
+ margin-left: 16px;
357
+ line-height: 30px;
358
+ }
359
+ }
360
+ .es-to-login {
361
+ margin-right: -30px;
362
+ font-size: 14px;
363
+ padding-top: 8px;
364
+ }
365
+ }
366
+ }
367
+ @mixin loginMini {
368
+ .es-login.es-adaptive {
369
+ .es-login-main {
370
+ padding: $--login-padding-mini;
371
+ &.es-complex {
372
+ padding: $--login-complex-padding-mini;
373
+ }
374
+ }
375
+ .es-login-name {
376
+ margin-bottom: 8px;
377
+ }
378
+ .es-login-model {
379
+ .es-icon-box {
380
+ width: 32px;
381
+ height: 32px;
382
+ &::after {
383
+ border-width: 17px;
384
+ }
385
+ .es-icon {
386
+ font-size: 30px;
387
+ }
388
+ }
389
+ }
390
+ .es-login-models {
391
+ padding-top: 12px;
392
+ bottom: 10px;
393
+ .es-icon-box {
394
+ & + .es-icon-box {
395
+ margin-left: 12px;
396
+ }
397
+ }
398
+ .es-icon {
399
+ font-size: 18px;
400
+ }
401
+ }
402
+ .es-login-complex-title {
403
+ height: 10px;
404
+ font-size: 14px;
405
+ line-height: 14px;
406
+ }
407
+ .es-login-complex-models {
408
+ height: 24px;
409
+ line-height: 24px;
410
+ margin-bottom: 4px;
411
+ .es-login-complex-models-item {
412
+ padding: 0 4px;
413
+ font-size: 12px;
414
+ & + .es-login-complex-models-item {
415
+ margin-left: 12px;
416
+ }
417
+ }
418
+ }
419
+ .es-login-title {
420
+ font-size: 14px;
421
+ line-height: 14px;
422
+ padding-bottom: 10px;
423
+ .es-login-title-content {
424
+ margin: 0 24px;
425
+ }
426
+ &.es-login-title-complex {
427
+ height: 24px;
428
+ font-size: 14px;
429
+ line-height: 24px;
430
+ .es-login-title-content {
431
+ padding: 0 10px;
432
+ }
433
+ }
434
+ }
435
+ .es-login-form {
436
+ height: 210px;
437
+ .el-input__inner {
438
+ font-size: 12px;
439
+ }
440
+ }
441
+ .es-login-qrcode {
442
+ height: 210px;
443
+ }
444
+ .es-password-handle {
445
+ .el-checkbox__label {
446
+ font-size: 12px;
447
+ }
448
+
449
+ .el-checkbox__input {
450
+ .el-checkbox__inner {
451
+ width: 14px;
452
+ height: 14px;
453
+ ß &::after {
454
+ height: 6px;
455
+ left: 4px;
456
+ top: 1px;
457
+ }
458
+ }
459
+ }
460
+
461
+ .es-password-forget {
462
+ font-size: 12px;
463
+ }
464
+ }
465
+ .es-login-complex-app {
466
+ .es-login-complex-scan {
467
+ padding-right: 12px;
468
+ .es-icon-scan {
469
+ font-size: 22px;
470
+ }
471
+ .es-login-complex-scan-tips {
472
+ line-height: 14px;
473
+ font-size: 12px;
474
+ }
475
+ }
476
+ .es-login-complex-download {
477
+ margin-left: 12px;
478
+ line-height: 28px;
479
+ font-size: 12px;
480
+ }
481
+ }
482
+ .es-to-login {
483
+ margin-right: -20px;
484
+ font-size: 14px;
485
+ padding-top: 4px;
486
+ }
487
+ }
488
+ }
489
+ .es-login-screen {
490
+ width: 100%;
491
+ height: 100%;
492
+ background-position: center;
493
+ background-repeat: no-repeat;
494
+ background-size: 100% 100%;
495
+ position: relative;
496
+ overflow: hidden;
497
+
498
+ .es-login-logo {
499
+ height: 58px;
500
+ position: absolute;
501
+ left: 24px;
502
+ top: 24px;
503
+ }
504
+ .es-login {
505
+ width: $--login-width;
506
+ position: absolute;
507
+ .es-login-main {
508
+ padding: $--login-padding;
509
+ position: relative;
510
+ border-radius: 20px;
511
+ background-size: 100% 100%;
512
+ background-color: #ffffff;
513
+ background-repeat: no-repeat;
514
+ box-shadow: $--box-shadow-light;
515
+ &.es-complex {
516
+ padding: $--login-complex-padding;
517
+ }
518
+ }
519
+ .es-login-name {
520
+ margin-bottom: 20px;
521
+ position: relative;
522
+ left: 50%;
523
+ transform: translateX(-50%);
524
+ }
525
+ .es-login-title-image {
526
+ margin: $--login-title-image-margin;
527
+ border-radius: 20px 20px 0 0;
528
+ overflow: hidden;
529
+ .es-login-title-img {
530
+ width: 100%;
531
+ }
532
+ }
533
+ .es-login-model {
534
+ position: absolute;
535
+ right: 10px;
536
+ top: 10px;
537
+ z-index: 99;
538
+ .es-icon-box {
539
+ display: block;
540
+ width: 50px;
541
+ height: 50px;
542
+ cursor: pointer;
543
+ position: relative;
544
+ padding: 1px;
545
+ &::after {
546
+ content: '';
547
+ position: absolute;
548
+ left: 0;
549
+ top: 0;
550
+ right: 0;
551
+ bottom: 0;
552
+ border-color: transparent transparent #fff #fff;
553
+ border-style: solid;
554
+ border-width: 28px;
555
+ }
556
+ .es-icon {
557
+ font-size: 48px;
558
+ color: $--color-primary;
559
+ }
560
+ }
561
+ .es-login-model-tips {
562
+ width: 128px;
563
+ height: 40px;
564
+ padding: 8px 10px 8px 6px;
565
+ line-height: 24px;
566
+ text-align: center;
567
+ color: #d4815e;
568
+ background-repeat: no-repeat;
569
+ background-size: 100% 100%;
570
+ position: absolute;
571
+ right: 60px;
572
+ top: 10px;
573
+ }
574
+ }
575
+ .es-login-models {
576
+ text-align: center;
577
+ color: #d9d9d9;
578
+ padding-top: 12px;
579
+ position: absolute;
580
+ left: 0;
581
+ right: 0;
582
+ bottom: 10px;
583
+ .es-icon-box {
584
+ & + .es-icon-box {
585
+ margin-left: 12px;
586
+ }
587
+ &.es-icon-active {
588
+ color: $--color-primary-light-6;
589
+ }
590
+ }
591
+ .es-icon {
592
+ font-size: 24px;
593
+ cursor: pointer;
594
+ }
595
+ }
596
+ .es-login-complex-title {
597
+ height: 22px;
598
+ font-size: 22px;
599
+ font-family: 'zihun';
600
+ font-weight: normal;
601
+ color: $--color-primary;
602
+ line-height: 22px;
603
+ transform: translateY(-20px);
604
+ }
605
+ .es-login-complex-models {
606
+ display: flex;
607
+ height: 40px;
608
+ line-height: 40px;
609
+ margin-bottom: 18px;
610
+ .es-login-complex-models-item {
611
+ min-width: 64px;
612
+ padding: 0 13px;
613
+ font-size: 18px;
614
+ color: #939393;
615
+ text-align: center;
616
+ cursor: pointer;
617
+ & + .es-login-complex-models-item {
618
+ margin-left: 30px;
619
+ }
620
+ &.es-active {
621
+ color: $--color-primary;
622
+ border-bottom: 1px solid $--color-primary;
623
+ }
624
+ }
625
+ &.es-complex-title {
626
+ justify-content: center;
627
+ }
628
+ }
629
+ .es-login-title {
630
+ color: $--color-primary;
631
+ display: flex;
632
+ align-items: center;
633
+ font-size: 24px;
634
+ line-height: 24px;
635
+ font-weight: bold;
636
+ position: relative;
637
+ padding-bottom: 30px;
638
+
639
+ &:not(.es-login-title-complex)::before,
640
+ &:not(.es-login-title-complex)::after {
641
+ content: '';
642
+ height: 1px;
643
+ flex: 1;
644
+ background-color: #eeeeee;
645
+ }
646
+ .es-login-title-content {
647
+ margin: 0 24px;
648
+ }
649
+ &.es-login-title-complex {
650
+ justify-content: center;
651
+ height: 40px;
652
+ font-size: 16px;
653
+ line-height: 40px;
654
+ .es-login-title-content {
655
+ padding: 0 12px;
656
+ border-bottom: 2px solid $--color-primary;
657
+ }
658
+ }
659
+ }
660
+ .es-login-form {
661
+ height: 340px;
662
+ display: flex;
663
+ flex-direction: column;
664
+ justify-content: space-around;
665
+ .el-form-item__content {
666
+ line-height: 50px;
667
+ }
668
+ .el-form-item {
669
+ margin-bottom: 0;
670
+ }
671
+ .el-input__inner {
672
+ height: 50px;
673
+ font-size: 18px;
674
+ background-color: #f7f7f7;
675
+ border-radius: $--login-form-radius;
676
+ padding-left: 52px;
677
+ }
678
+ .el-input__prefix {
679
+ width: 48px;
680
+ left: 0;
681
+ padding-left: 6px;
682
+ line-height: 50px;
683
+ height: 50px;
684
+ i {
685
+ line-height: 50px;
686
+ font-size: 20px;
687
+ color: #333;
688
+ }
689
+ }
690
+ .el-input__suffix-inner {
691
+ display: block;
692
+ height: 50px;
693
+ line-height: 50px;
694
+ .el-input__icon {
695
+ line-height: 50px;
696
+ font-size: 18px;
697
+ }
698
+ .es-img-code {
699
+ cursor: pointer;
700
+ height: 46px;
701
+ margin: 2px;
702
+ }
703
+ .es-get-code {
704
+ width: 115px;
705
+ height: 50px;
706
+ text-align: center;
707
+ padding: 0;
708
+ line-height: 50px;
709
+ }
710
+ }
711
+ .es-button-submit {
712
+ width: 100%;
713
+ height: 50px;
714
+ font-size: 20px;
715
+ text-align: center;
716
+ line-height: 50px;
717
+ font-weight: 500;
718
+ border-radius: $--login-form-radius;
719
+ padding: 0;
720
+ }
721
+ .es-label-image-code {
722
+ padding-right: 120px;
723
+ .el-input__suffix {
724
+ right: 0;
725
+ }
726
+ }
727
+ }
728
+ .es-login-qrcode {
729
+ height: 340px;
730
+ display: flex;
731
+ flex-direction: column;
732
+ justify-content: space-around;
733
+ .es-login-qrcode-box {
734
+ flex: 1;
735
+ position: relative;
736
+ }
737
+ .es-login-down-app {
738
+ font-size: $--font-size-base;
739
+ font-weight: normal;
740
+ text-align: center;
741
+ line-height: 20px;
742
+ .es-login-app-name {
743
+ color: #a90404;
744
+ padding: 0 8px;
745
+ }
746
+ }
747
+ .es-qrcode-box,
748
+ .es-wx-qrcode-box {
749
+ position: absolute;
750
+ left: 0;
751
+ top: 0;
752
+ right: 0;
753
+ bottom: 0;
754
+ }
755
+ }
756
+ .es-password-handle {
757
+ height: 22px;
758
+ justify-content: space-between;
759
+ margin-bottom: 22px;
760
+
761
+ .el-checkbox__label {
762
+ font-size: 16px;
763
+ font-weight: 400;
764
+ color: #333333 !important;
765
+ }
766
+
767
+ .el-checkbox__input {
768
+ .el-checkbox__inner {
769
+ width: 18px;
770
+ height: 18px;
771
+ border-radius: 10px;
772
+
773
+ &::after {
774
+ border: 2px solid #ffffff;
775
+ border-left: 0;
776
+ border-top: 0;
777
+ height: 8px;
778
+ left: 6px;
779
+ top: 2px;
780
+ }
781
+ }
782
+ }
783
+
784
+ .es-password-forget {
785
+ font-size: 16px;
786
+ color: #999999;
787
+ text-align: right;
788
+ float: right;
789
+ cursor: pointer;
790
+ }
791
+ }
792
+ .es-login-complex-app {
793
+ display: flex;
794
+ align-items: center;
795
+ justify-content: center;
796
+ .es-login-complex-scan {
797
+ display: flex;
798
+ align-items: center;
799
+ justify-content: center;
800
+ color: #666;
801
+ padding-right: 16px;
802
+ border-right: 1px solid #ccc;
803
+ .es-icon-scan {
804
+ font-size: 34px;
805
+ color: #97a1c3;
806
+ margin-right: 3px;
807
+ }
808
+ .es-login-complex-scan-tips {
809
+ line-height: 20px;
810
+ }
811
+ }
812
+ .es-login-complex-download {
813
+ margin-left: 16px;
814
+ line-height: 40px;
815
+ .es-login-app-name {
816
+ color: $--color-primary;
817
+ font-weight: bold;
818
+ }
819
+ }
820
+ }
821
+ .es-to-login {
822
+ text-align: right;
823
+ margin-right: -45px;
824
+ font-size: 20px;
825
+ color: $--color-primary;
826
+ padding-top: 20px;
827
+ }
828
+ &.es-simple {
829
+ .es-login-form {
830
+ .el-input__inner {
831
+ border-width: 0 0 1px 0;
832
+ border-radius: 0;
833
+ background-color: #fff;
834
+ box-shadow: none;
835
+ }
836
+ }
837
+
838
+ .el-input__prefix {
839
+ left: 0;
840
+ }
841
+ }
842
+ .es-downloadSetup {
843
+ height: 20px;
844
+ text-align: center;
845
+ .es-setup {
846
+ cursor: pointer;
847
+ color: #333;
848
+ &:hover {
849
+ color: #f9d900;
850
+ }
851
+ }
852
+ }
853
+ }
854
+ &.es-login-medium {
855
+ @include loginMedium;
856
+ }
857
+ @media screen and (max-width: 1600px) and (max-height: 900px) {
858
+ @include loginMedium;
859
+ }
860
+ &.es-login-small {
861
+ @include loginSmall;
862
+ }
863
+ @media screen and (max-width: 1280px) and (max-height: 720px) {
864
+ @include loginSmall;
865
+ }
866
+ &.es-login-mini {
867
+ @include loginMini;
868
+ }
869
+ @media screen and (max-width: 1024px) and (max-height: 768px) {
870
+ @include loginMini;
871
+ }
872
+ }
873
+ .es-user-info {
874
+ .es-form-content {
875
+ padding-right: 30px;
876
+ }
877
+ .es-form-button {
878
+ padding-right: 20px;
879
+ }
880
+ }
881
+
882
+ .es-login-icp {
883
+ display: flex;
884
+ position: fixed;
885
+ left: 50%;
886
+ bottom: 20px;
887
+ transform: translateX(-50%);
888
+
889
+ .es-login-icp-item {
890
+ display: block;
891
+ white-space: nowrap;
892
+ font-size: 14px;
893
+ font-weight: 400;
894
+
895
+ & + .es-login-icp-item {
896
+ margin-left: 20px;
897
+ }
898
+ }
899
+ a:hover {
900
+ text-decoration: underline;
901
+ }
902
+ }
903
+ .rest-password-box {
904
+ height: 100%;
905
+ position: relative;
906
+ &.rest-password-cut {
907
+ padding-top: 60px;
908
+ }
909
+ .rest-menu-cut {
910
+ position: absolute;
911
+ left: 0;
912
+ top: 0;
913
+ right: 0;
914
+ display: flex;
915
+ justify-content: center;
916
+ }
917
+ }