eoss-ui 0.6.20 → 0.6.22

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 (100) hide show
  1. package/lib/eoss-ui.common.js +439 -420
  2. package/lib/flow.js +118 -118
  3. package/lib/form.js +3 -3
  4. package/lib/index.js +1 -1
  5. package/lib/login.js +69 -60
  6. package/lib/main.js +220 -210
  7. package/lib/qr-code.js +13 -13
  8. package/lib/theme-chalk/index.css +1 -1
  9. package/lib/theme-chalk/login.css +1 -1
  10. package/lib/theme-chalk/selector.css +1 -1
  11. package/package.json +157 -157
  12. package/packages/.DS_Store +0 -0
  13. package/packages/button/src/main.vue +418 -418
  14. package/packages/button-group/src/main.vue +298 -298
  15. package/packages/checkbox-group/.DS_Store +0 -0
  16. package/packages/checkbox-group/src/main.vue +333 -333
  17. package/packages/clients/src/main.vue +144 -144
  18. package/packages/data-table/.DS_Store +0 -0
  19. package/packages/data-table/src/children.vue +39 -39
  20. package/packages/data-table/src/column.vue +983 -983
  21. package/packages/data-table/src/main.vue +1812 -1812
  22. package/packages/data-table/src/sizer.vue +195 -195
  23. package/packages/date-picker/src/main.vue +236 -236
  24. package/packages/dialog/.DS_Store +0 -0
  25. package/packages/flow/src/main.vue +2731 -2731
  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/.DS_Store +0 -0
  31. package/packages/handler/src/main.vue +374 -374
  32. package/packages/icon/src/main.vue +101 -101
  33. package/packages/input/src/main.vue +356 -356
  34. package/packages/login/.DS_Store +0 -0
  35. package/packages/login/src/main.vue +1857 -1851
  36. package/packages/login/src/resetPassword.vue +562 -557
  37. package/packages/main/.DS_Store +0 -0
  38. package/packages/main/src/.DS_Store +0 -0
  39. package/packages/main/src/default/message.vue +249 -249
  40. package/packages/main/src/default/notice.vue +157 -157
  41. package/packages/main/src/default/userinfo.vue +494 -494
  42. package/packages/main/src/main.vue +65 -57
  43. package/packages/main/src/public/online.vue +89 -89
  44. package/packages/main/src/public/search.vue +454 -454
  45. package/packages/main/src/public/settings.vue +221 -221
  46. package/packages/main/src/simplicity/apps.vue +388 -388
  47. package/packages/main/src/simplicity/avatar.vue +82 -82
  48. package/packages/main/src/simplicity/handler.vue +183 -183
  49. package/packages/main/src/simplicity/index.vue +1931 -1930
  50. package/packages/main/src/simplicity/lists.vue +84 -84
  51. package/packages/main/src/simplicity/menu-list.vue +128 -128
  52. package/packages/main/src/simplicity/message.vue +259 -259
  53. package/packages/main/src/simplicity/notice.vue +190 -190
  54. package/packages/main/src/simplicity/router-page.vue +45 -45
  55. package/packages/main/src/simplicity/sub-menu.vue +241 -241
  56. package/packages/main/src/simplicity/user.vue +248 -248
  57. package/packages/main/src/simplicity/userinfo.vue +306 -304
  58. package/packages/menu/src/main.vue +536 -536
  59. package/packages/pagination/src/main.vue +96 -96
  60. package/packages/qr-code/src/main.vue +170 -170
  61. package/packages/radio-group/src/main.vue +319 -319
  62. package/packages/select/src/main.vue +761 -761
  63. package/packages/selector/src/main.vue +677 -677
  64. package/packages/selector-panel/src/main.vue +1020 -1020
  65. package/packages/selector-panel/src/selection.vue +160 -160
  66. package/packages/tabs/src/main.vue +788 -788
  67. package/packages/theme-chalk/lib/index.css +1 -1
  68. package/packages/theme-chalk/lib/login.css +1 -1
  69. package/packages/theme-chalk/lib/selector.css +1 -1
  70. package/packages/theme-chalk/src/.DS_Store +0 -0
  71. package/packages/theme-chalk/src/base.scss +260 -260
  72. package/packages/theme-chalk/src/button-group.scss +175 -175
  73. package/packages/theme-chalk/src/calendar.scss +113 -113
  74. package/packages/theme-chalk/src/clients.scss +87 -87
  75. package/packages/theme-chalk/src/common/var.scss +4 -1
  76. package/packages/theme-chalk/src/data-table.scss +276 -276
  77. package/packages/theme-chalk/src/dialog.scss +77 -77
  78. package/packages/theme-chalk/src/flow-group.scss +110 -110
  79. package/packages/theme-chalk/src/form.scss +496 -496
  80. package/packages/theme-chalk/src/handler.scss +133 -133
  81. package/packages/theme-chalk/src/icon.scss +1745 -1745
  82. package/packages/theme-chalk/src/icons.scss +99 -99
  83. package/packages/theme-chalk/src/login.scss +928 -917
  84. package/packages/theme-chalk/src/main.scss +632 -632
  85. package/packages/theme-chalk/src/menu.scss +222 -222
  86. package/packages/theme-chalk/src/nav.scss +125 -125
  87. package/packages/theme-chalk/src/pagination.scss +29 -29
  88. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  89. package/packages/theme-chalk/src/selector.scss +1 -1
  90. package/packages/theme-chalk/src/simplicity.scss +1246 -1246
  91. package/packages/theme-chalk/src/tabs.scss +87 -87
  92. package/packages/theme-chalk/src/toolbar.scss +179 -179
  93. package/packages/theme-chalk/src/tree-group.scss +72 -72
  94. package/packages/theme-chalk/src/tree.scss +165 -165
  95. package/packages/upload/src/main.vue +1313 -1313
  96. package/packages/wujie/src/main.vue +145 -145
  97. package/src/.DS_Store +0 -0
  98. package/src/config/api.js +236 -236
  99. package/src/config/image.js +2 -2
  100. package/src/index.js +157 -157
package/packages/theme-chalk/src/login.scss CHANGED
@@ -1,917 +1,928 @@
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
- }
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-rest-password {
883
+ .es-form-content {
884
+ .el-scrollbar__view {
885
+ padding-right: 54px;
886
+ }
887
+ }
888
+ .es-form-button {
889
+ padding-right: 20px;
890
+ }
891
+ }
892
+
893
+ .es-login-icp {
894
+ display: flex;
895
+ position: fixed;
896
+ left: 50%;
897
+ bottom: 20px;
898
+ transform: translateX(-50%);
899
+
900
+ .es-login-icp-item {
901
+ display: block;
902
+ white-space: nowrap;
903
+ font-size: 14px;
904
+ font-weight: 400;
905
+
906
+ & + .es-login-icp-item {
907
+ margin-left: 20px;
908
+ }
909
+ }
910
+ a:hover {
911
+ text-decoration: underline;
912
+ }
913
+ }
914
+ .rest-password-box {
915
+ height: 100%;
916
+ position: relative;
917
+ &.rest-password-cut {
918
+ padding-top: 60px;
919
+ }
920
+ .rest-menu-cut {
921
+ position: absolute;
922
+ left: 0;
923
+ top: 0;
924
+ right: 0;
925
+ display: flex;
926
+ justify-content: center;
927
+ }
928
+ }