eoss-ui 0.6.41 → 0.6.43

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 (234) hide show
  1. package/lib/eoss-ui.common.js +1160 -1049
  2. package/lib/flow-list.js +123 -112
  3. package/lib/flow.js +884 -784
  4. package/lib/index.js +1 -1
  5. package/lib/main.js +132 -132
  6. package/lib/qr-code.js +13 -13
  7. package/lib/theme-chalk/flow.css +1 -1
  8. package/lib/theme-chalk/index.css +1 -1
  9. package/package.json +159 -159
  10. package/packages/button/index.js +5 -5
  11. package/packages/button/src/main.vue +418 -418
  12. package/packages/button-group/index.js +5 -5
  13. package/packages/button-group/src/main.vue +298 -298
  14. package/packages/calendar/index.js +5 -5
  15. package/packages/card/index.js +5 -5
  16. package/packages/card/src/main.vue +156 -156
  17. package/packages/cascader/index.js +5 -5
  18. package/packages/cascader/src/main.vue +168 -168
  19. package/packages/checkbox-group/index.js +5 -5
  20. package/packages/checkbox-group/src/main.vue +333 -333
  21. package/packages/clients/index.js +5 -5
  22. package/packages/clients/src/main.vue +144 -144
  23. package/packages/data-table/index.js +5 -5
  24. package/packages/data-table/src/children.vue +39 -39
  25. package/packages/data-table/src/column.vue +989 -989
  26. package/packages/data-table/src/main.vue +1822 -1822
  27. package/packages/data-table/src/sizer.vue +195 -195
  28. package/packages/data-table-form/index.js +5 -5
  29. package/packages/data-table-form/src/checkbox.vue +101 -101
  30. package/packages/data-table-form/src/colgroup.vue +17 -17
  31. package/packages/data-table-form/src/main.vue +181 -181
  32. package/packages/data-table-form/src/radio.vue +65 -65
  33. package/packages/data-table-form/src/table.vue +233 -233
  34. package/packages/data-table-form/src/tbody.vue +336 -336
  35. package/packages/data-table-form/src/thead.vue +68 -68
  36. package/packages/date-picker/index.js +5 -5
  37. package/packages/date-picker/src/main.vue +236 -236
  38. package/packages/dialog/index.js +5 -5
  39. package/packages/enterprise/index.js +5 -5
  40. package/packages/enterprise/src/main.vue +66 -66
  41. package/packages/error-page/index.js +5 -5
  42. package/packages/error-page/src/main.vue +44 -44
  43. package/packages/flow/index.js +5 -5
  44. package/packages/flow/src/component/CommonOpinions.vue +345 -345
  45. package/packages/flow/src/component/CustomPreset.vue +322 -322
  46. package/packages/flow/src/component/FileList.vue +99 -99
  47. package/packages/flow/src/component/Preset.vue +255 -255
  48. package/packages/flow/src/component/SendMsg.vue +229 -229
  49. package/packages/flow/src/component/TimeLimit.vue +190 -190
  50. package/packages/flow/src/component/taskUnionExamine.vue +611 -611
  51. package/packages/flow/src/form.vue +121 -121
  52. package/packages/flow/src/freeStartFlow.vue +2843 -2843
  53. package/packages/flow/src/main.vue +2952 -2862
  54. package/packages/flow/src/processForm.vue +1018 -1018
  55. package/packages/flow/src/processReject.vue +293 -293
  56. package/packages/flow/src/reset.vue +899 -899
  57. package/packages/flow/src/startTaskRead.vue +596 -596
  58. package/packages/flow/src/table.vue +58 -58
  59. package/packages/flow-group/index.js +5 -5
  60. package/packages/flow-group/src/main.vue +688 -688
  61. package/packages/flow-list/index.js +5 -5
  62. package/packages/flow-list/src/main.vue +1183 -1172
  63. package/packages/form/index.js +5 -5
  64. package/packages/form/src/main.vue +3584 -3584
  65. package/packages/form/src/table.vue +1420 -1420
  66. package/packages/handle-user/index.js +5 -5
  67. package/packages/handle-user/src/main.vue +138 -138
  68. package/packages/handler/index.js +5 -5
  69. package/packages/handler/src/main.vue +474 -474
  70. package/packages/icon/index.js +5 -5
  71. package/packages/icon/src/main.vue +101 -101
  72. package/packages/icons/index.js +5 -5
  73. package/packages/icons/src/main.vue +81 -81
  74. package/packages/input/index.js +5 -5
  75. package/packages/input/src/main.vue +356 -356
  76. package/packages/input-number/index.js +5 -5
  77. package/packages/input-number/src/main.vue +106 -106
  78. package/packages/label/index.js +5 -5
  79. package/packages/label/src/main.vue +457 -457
  80. package/packages/layout/index.js +5 -5
  81. package/packages/layout/src/item.vue +152 -152
  82. package/packages/layout/src/main.vue +31 -31
  83. package/packages/login/index.js +5 -5
  84. package/packages/login/src/main.vue +1935 -1935
  85. package/packages/login/src/resetPassword.vue +562 -562
  86. package/packages/main/index.js +5 -5
  87. package/packages/main/src/default/message.vue +249 -249
  88. package/packages/main/src/default/notice.vue +157 -157
  89. package/packages/main/src/default/userinfo.vue +505 -505
  90. package/packages/main/src/public/online.vue +89 -89
  91. package/packages/main/src/public/search.vue +461 -461
  92. package/packages/main/src/public/settings.vue +221 -221
  93. package/packages/main/src/simplicity/apps.vue +388 -388
  94. package/packages/main/src/simplicity/avatar.vue +82 -82
  95. package/packages/main/src/simplicity/handler.vue +259 -259
  96. package/packages/main/src/simplicity/index.vue +2047 -2047
  97. package/packages/main/src/simplicity/lists.vue +84 -84
  98. package/packages/main/src/simplicity/menu-list.vue +128 -128
  99. package/packages/main/src/simplicity/message.vue +259 -259
  100. package/packages/main/src/simplicity/notice.vue +190 -190
  101. package/packages/main/src/simplicity/router-page.vue +45 -45
  102. package/packages/main/src/simplicity/sub-menu.vue +241 -241
  103. package/packages/main/src/simplicity/user.vue +257 -257
  104. package/packages/main/src/simplicity/userinfo.vue +312 -312
  105. package/packages/menu/index.js +5 -5
  106. package/packages/menu/src/main.vue +536 -536
  107. package/packages/nav/index.js +5 -5
  108. package/packages/nav/src/main.vue +402 -402
  109. package/packages/notify/index.js +5 -5
  110. package/packages/notify/src/main.vue +538 -538
  111. package/packages/page/index.js +5 -5
  112. package/packages/page/src/main.vue +167 -167
  113. package/packages/pagination/index.js +5 -5
  114. package/packages/pagination/src/main.vue +96 -96
  115. package/packages/player/index.js +5 -5
  116. package/packages/player/src/main.vue +194 -194
  117. package/packages/qr-code/index.js +5 -5
  118. package/packages/qr-code/src/main.vue +170 -170
  119. package/packages/radio-group/index.js +6 -6
  120. package/packages/radio-group/src/main.vue +319 -319
  121. package/packages/retrial-auth/index.js +5 -5
  122. package/packages/retrial-auth/src/main.vue +280 -280
  123. package/packages/select/index.js +5 -5
  124. package/packages/select/src/main.vue +775 -775
  125. package/packages/select-ganged/index.js +5 -5
  126. package/packages/select-ganged/src/main.vue +724 -724
  127. package/packages/selector/index.js +5 -5
  128. package/packages/selector/src/main.vue +689 -689
  129. package/packages/selector-panel/index.js +5 -5
  130. package/packages/selector-panel/src/main.vue +1027 -1027
  131. package/packages/selector-panel/src/selection.vue +177 -177
  132. package/packages/selector-panel/src/tree.vue +129 -129
  133. package/packages/sizer/index.js +5 -5
  134. package/packages/sizer/src/main.vue +254 -254
  135. package/packages/steps/index.js +5 -5
  136. package/packages/steps/src/main.vue +181 -181
  137. package/packages/switch/index.js +5 -5
  138. package/packages/switch/src/main.vue +154 -154
  139. package/packages/table-form/index.js +5 -5
  140. package/packages/tabs/index.js +5 -5
  141. package/packages/tabs/src/main.vue +788 -788
  142. package/packages/tabs-panel/index.js +5 -5
  143. package/packages/tabs-panel/src/main.vue +29 -29
  144. package/packages/theme-chalk/lib/flow.css +1 -1
  145. package/packages/theme-chalk/lib/index.css +1 -1
  146. package/packages/theme-chalk/src/base.scss +260 -260
  147. package/packages/theme-chalk/src/button-group.scss +175 -175
  148. package/packages/theme-chalk/src/button.scss +24 -24
  149. package/packages/theme-chalk/src/calendar.scss +113 -113
  150. package/packages/theme-chalk/src/card.scss +99 -99
  151. package/packages/theme-chalk/src/checkbox-group.scss +8 -8
  152. package/packages/theme-chalk/src/clients.scss +87 -87
  153. package/packages/theme-chalk/src/data-table-form.scss +67 -67
  154. package/packages/theme-chalk/src/data-table.scss +293 -293
  155. package/packages/theme-chalk/src/date-picker.scss +7 -7
  156. package/packages/theme-chalk/src/dialog.scss +77 -77
  157. package/packages/theme-chalk/src/enterprise.scss +5 -5
  158. package/packages/theme-chalk/src/error-page.scss +18 -18
  159. package/packages/theme-chalk/src/flow-group.scss +110 -110
  160. package/packages/theme-chalk/src/flow-list.scss +36 -36
  161. package/packages/theme-chalk/src/flow.scss +318 -310
  162. package/packages/theme-chalk/src/form.scss +496 -496
  163. package/packages/theme-chalk/src/handle-user.scss +40 -40
  164. package/packages/theme-chalk/src/handler.scss +143 -143
  165. package/packages/theme-chalk/src/icon.scss +1789 -1789
  166. package/packages/theme-chalk/src/icons.scss +99 -99
  167. package/packages/theme-chalk/src/input.scss +9 -9
  168. package/packages/theme-chalk/src/label.scss +24 -24
  169. package/packages/theme-chalk/src/layout.scss +46 -46
  170. package/packages/theme-chalk/src/login.scss +947 -947
  171. package/packages/theme-chalk/src/main.scss +639 -639
  172. package/packages/theme-chalk/src/menu.scss +222 -222
  173. package/packages/theme-chalk/src/mixins/color.scss +117 -117
  174. package/packages/theme-chalk/src/nav.scss +125 -125
  175. package/packages/theme-chalk/src/page.scss +3 -3
  176. package/packages/theme-chalk/src/pagination.scss +29 -29
  177. package/packages/theme-chalk/src/player.scss +9 -9
  178. package/packages/theme-chalk/src/qr-code.scss +17 -17
  179. package/packages/theme-chalk/src/radio-group.scss +9 -9
  180. package/packages/theme-chalk/src/retrial-auth.scss +38 -38
  181. package/packages/theme-chalk/src/select-ganged.scss +8 -8
  182. package/packages/theme-chalk/src/select.scss +8 -8
  183. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  184. package/packages/theme-chalk/src/selector.scss +91 -91
  185. package/packages/theme-chalk/src/simplicity.scss +1262 -1262
  186. package/packages/theme-chalk/src/sizer.scss +36 -36
  187. package/packages/theme-chalk/src/steps.scss +88 -88
  188. package/packages/theme-chalk/src/switch.scss +3 -3
  189. package/packages/theme-chalk/src/table-form.scss +1 -1
  190. package/packages/theme-chalk/src/tabs.scss +87 -87
  191. package/packages/theme-chalk/src/tips.scss +7 -7
  192. package/packages/theme-chalk/src/toolbar.scss +179 -179
  193. package/packages/theme-chalk/src/tree-group.scss +72 -72
  194. package/packages/theme-chalk/src/tree.scss +165 -165
  195. package/packages/theme-chalk/src/upload.scss +167 -167
  196. package/packages/theme-chalk/src/wxlogin.scss +3 -3
  197. package/packages/tips/index.js +5 -5
  198. package/packages/tips/src/main.vue +141 -141
  199. package/packages/toolbar/index.js +5 -5
  200. package/packages/toolbar/src/main.vue +430 -430
  201. package/packages/tree/index.js +5 -5
  202. package/packages/tree-group/index.js +5 -5
  203. package/packages/upload/index.js +5 -5
  204. package/packages/upload/src/main.vue +1334 -1334
  205. package/packages/upload/src/picture.js +15 -15
  206. package/packages/wujie/index.js +5 -5
  207. package/packages/wujie/src/main.vue +145 -145
  208. package/packages/wxlogin/index.js +5 -5
  209. package/packages/wxlogin/src/main.vue +128 -128
  210. package/src/config/api.js +248 -248
  211. package/src/config/image.js +2 -2
  212. package/src/index.js +157 -157
  213. package/src/utils/bus.js +3 -3
  214. package/src/utils/date-util.js +312 -312
  215. package/src/utils/http.js +50 -50
  216. package/src/utils/rules.js +18 -18
  217. package/src/utils/store.js +21 -21
  218. package/src/utils/webSocket.js +107 -107
  219. package/packages/.DS_Store +0 -0
  220. package/packages/data-table/.DS_Store +0 -0
  221. package/packages/data-table-form/.DS_Store +0 -0
  222. package/packages/error-page/.DS_Store +0 -0
  223. package/packages/flow/.DS_Store +0 -0
  224. package/packages/form/.DS_Store +0 -0
  225. package/packages/login/.DS_Store +0 -0
  226. package/packages/main/.DS_Store +0 -0
  227. package/packages/main/src/.DS_Store +0 -0
  228. package/packages/selector/.DS_Store +0 -0
  229. package/packages/selector-panel/.DS_Store +0 -0
  230. package/packages/sizer/.DS_Store +0 -0
  231. package/packages/tabs/.DS_Store +0 -0
  232. package/packages/theme-chalk/src/.DS_Store +0 -0
  233. package/packages/upload/.DS_Store +0 -0
  234. package/src/.DS_Store +0 -0
package/packages/theme-chalk/src/login.scss CHANGED
@@ -1,947 +1,947 @@
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-item-tips {
571
- white-space: nowrap;
572
- position: absolute;
573
- left: 10px;
574
- top: 10px;
575
- transform: translateX(-100%);
576
- z-index: 999;
577
- }
578
- .es-login-model-tips {
579
- width: 128px;
580
- height: 40px;
581
- padding: 8px 10px 8px 6px;
582
- line-height: 24px;
583
- text-align: center;
584
- color: #d4815e;
585
- background-repeat: no-repeat;
586
- background-size: 100% 100%;
587
- position: absolute;
588
- right: 60px;
589
- top: 10px;
590
- }
591
- }
592
- .es-login-models {
593
- text-align: center;
594
- color: #d9d9d9;
595
- padding-top: 12px;
596
- position: absolute;
597
- left: 0;
598
- right: 0;
599
- bottom: 10px;
600
- .es-icon-box {
601
- & + .es-icon-box {
602
- margin-left: 12px;
603
- }
604
- &.es-icon-active {
605
- color: $--color-primary;
606
- }
607
- }
608
- .es-icon {
609
- font-size: 24px;
610
- cursor: pointer;
611
- }
612
- }
613
- .es-login-complex-title {
614
- height: 22px;
615
- font-size: 22px;
616
- font-family: 'zihun';
617
- font-weight: normal;
618
- color: $--color-primary;
619
- line-height: 22px;
620
- transform: translateY(-20px);
621
- }
622
- .es-login-complex-models {
623
- display: flex;
624
- height: 40px;
625
- line-height: 40px;
626
- margin-bottom: 18px;
627
- .es-login-complex-models-item {
628
- min-width: 64px;
629
- padding: 0 13px;
630
- font-size: 18px;
631
- color: #939393;
632
- text-align: center;
633
- cursor: pointer;
634
- & + .es-login-complex-models-item {
635
- margin-left: 30px;
636
- }
637
- &.es-active {
638
- color: $--color-primary;
639
- border-bottom: 1px solid $--color-primary;
640
- }
641
- }
642
- &.es-complex-title {
643
- justify-content: center;
644
- }
645
- }
646
- .es-login-title {
647
- color: $--color-primary;
648
- display: flex;
649
- align-items: center;
650
- font-size: 24px;
651
- line-height: 24px;
652
- font-weight: bold;
653
- position: relative;
654
- padding-bottom: 30px;
655
-
656
- &:not(.es-login-title-complex)::before,
657
- &:not(.es-login-title-complex)::after {
658
- content: '';
659
- height: 1px;
660
- flex: 1;
661
- background-color: #eeeeee;
662
- }
663
- .es-login-title-content {
664
- margin: 0 24px;
665
- }
666
- &.es-login-title-complex {
667
- justify-content: center;
668
- height: 40px;
669
- font-size: 16px;
670
- line-height: 40px;
671
- .es-login-title-content {
672
- padding: 0 12px;
673
- border-bottom: 2px solid $--color-primary;
674
- }
675
- }
676
- }
677
- .es-login-form {
678
- height: 340px;
679
- display: flex;
680
- flex-direction: column;
681
- justify-content: space-around;
682
- .el-form-item__content {
683
- line-height: 50px;
684
- }
685
- .el-form-item {
686
- margin-bottom: 0;
687
- }
688
- .el-input__inner {
689
- height: 50px;
690
- font-size: 18px;
691
- background-color: #f7f7f7;
692
- border-radius: $--login-form-radius;
693
- padding-left: 52px;
694
- }
695
- .el-input__prefix {
696
- width: 48px;
697
- left: 0;
698
- padding-left: 6px;
699
- line-height: 50px;
700
- height: 50px;
701
- i {
702
- line-height: 50px;
703
- font-size: 20px;
704
- color: #333;
705
- }
706
- }
707
- .el-input__suffix-inner {
708
- display: block;
709
- height: 50px;
710
- line-height: 50px;
711
- .el-input__icon {
712
- line-height: 50px;
713
- font-size: 18px;
714
- }
715
- .es-img-code {
716
- cursor: pointer;
717
- height: 46px;
718
- margin: 2px;
719
- }
720
- .es-get-code {
721
- width: 115px;
722
- height: 50px;
723
- text-align: center;
724
- padding: 0;
725
- line-height: 50px;
726
- }
727
- }
728
- .es-button-submit {
729
- width: 100%;
730
- height: 50px;
731
- font-size: 20px;
732
- text-align: center;
733
- line-height: 50px;
734
- font-weight: 500;
735
- border-radius: $--login-form-radius;
736
- padding: 0;
737
- }
738
- .es-label-image-code {
739
- padding-right: 120px;
740
- .el-input__suffix {
741
- right: 0;
742
- }
743
- }
744
- }
745
- .es-login-qrcode {
746
- height: 340px;
747
- display: flex;
748
- flex-direction: column;
749
- justify-content: space-around;
750
- .es-login-qrcode-box {
751
- flex: 1;
752
- position: relative;
753
- }
754
- .es-login-down-app {
755
- font-size: $--font-size-base;
756
- font-weight: normal;
757
- text-align: center;
758
- line-height: 20px;
759
- .es-login-app-name {
760
- color: #a90404;
761
- padding: 0 8px;
762
- }
763
- }
764
- .es-qrcode-box,
765
- .es-wx-qrcode-box {
766
- position: absolute;
767
- left: 0;
768
- top: 0;
769
- right: 0;
770
- bottom: 0;
771
- }
772
- }
773
- .es-password-handle {
774
- height: 22px;
775
- justify-content: space-between;
776
- margin-bottom: 22px;
777
-
778
- .el-checkbox__label {
779
- font-size: 16px;
780
- font-weight: 400;
781
- color: #333333 !important;
782
- }
783
-
784
- .el-checkbox__input {
785
- .el-checkbox__inner {
786
- width: 18px;
787
- height: 18px;
788
- border-radius: 10px;
789
-
790
- &::after {
791
- border: 2px solid #ffffff;
792
- border-left: 0;
793
- border-top: 0;
794
- height: 8px;
795
- left: 6px;
796
- top: 2px;
797
- }
798
- }
799
- }
800
-
801
- .es-password-forget {
802
- font-size: 16px;
803
- color: #999999;
804
- text-align: right;
805
- float: right;
806
- cursor: pointer;
807
- }
808
- }
809
- .es-login-complex-app {
810
- display: flex;
811
- align-items: center;
812
- justify-content: center;
813
- .es-login-complex-scan {
814
- display: flex;
815
- align-items: center;
816
- justify-content: center;
817
- color: #666;
818
- padding-right: 16px;
819
- border-right: 1px solid #ccc;
820
- .es-icon-scan {
821
- font-size: 34px;
822
- color: #97a1c3;
823
- margin-right: 3px;
824
- }
825
- .es-login-complex-scan-tips {
826
- line-height: 20px;
827
- }
828
- }
829
- .es-login-complex-download {
830
- margin-left: 16px;
831
- line-height: 40px;
832
- .es-login-app-name {
833
- color: $--color-primary;
834
- font-weight: bold;
835
- }
836
- }
837
- }
838
- .es-to-login {
839
- text-align: right;
840
- margin-right: -45px;
841
- font-size: 20px;
842
- color: $--color-primary;
843
- padding-top: 20px;
844
- }
845
- &.es-simple {
846
- .es-login-form {
847
- .el-input__inner {
848
- border-width: 0 0 1px 0;
849
- border-radius: 0;
850
- background-color: #fff;
851
- box-shadow: none;
852
- }
853
- }
854
-
855
- .el-input__prefix {
856
- left: 0;
857
- }
858
- }
859
- .es-downloadSetup {
860
- height: 20px;
861
- text-align: center;
862
- .es-setup {
863
- cursor: pointer;
864
- color: #333;
865
- &:hover {
866
- color: #f9d900;
867
- }
868
- }
869
- }
870
- }
871
- &.es-login-medium {
872
- @include loginMedium;
873
- }
874
- @media screen and (max-width: 1600px) and (max-height: 900px) {
875
- @include loginMedium;
876
- }
877
- &.es-login-small {
878
- @include loginSmall;
879
- }
880
- @media screen and (max-width: 1280px) and (max-height: 720px) {
881
- @include loginSmall;
882
- }
883
- &.es-login-mini {
884
- @include loginMini;
885
- }
886
- @media screen and (max-width: 1024px) and (max-height: 768px) {
887
- @include loginMini;
888
- }
889
- }
890
- .es-rest-password {
891
- .es-form-content {
892
- .el-scrollbar__view {
893
- padding-right: 54px;
894
- }
895
- }
896
- .es-form-button {
897
- padding-right: 20px;
898
- }
899
- }
900
-
901
- .es-login-icp {
902
- display: flex;
903
- position: fixed;
904
- left: 50%;
905
- bottom: 20px;
906
- transform: translateX(-50%);
907
-
908
- .es-login-icp-item {
909
- display: block;
910
- white-space: nowrap;
911
- font-size: 14px;
912
- font-weight: 400;
913
-
914
- & + .es-login-icp-item {
915
- margin-left: 20px;
916
- }
917
- }
918
- a:hover {
919
- text-decoration: underline;
920
- }
921
- }
922
- .rest-password-box {
923
- height: 100%;
924
- position: relative;
925
- &.rest-password-cut {
926
- padding-top: 60px;
927
- }
928
- .rest-menu-cut {
929
- position: absolute;
930
- left: 0;
931
- top: 0;
932
- right: 0;
933
- display: flex;
934
- justify-content: center;
935
- }
936
- }
937
- .es-download-app {
938
- cursor: pointer;
939
- position: absolute;
940
- top: 30px;
941
- right: 30px;
942
- .el-icon-mobile-phone {
943
- font-size: 18px;
944
- position: relative;
945
- top: 2px;
946
- }
947
- }
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-item-tips {
571
+ white-space: nowrap;
572
+ position: absolute;
573
+ left: 10px;
574
+ top: 10px;
575
+ transform: translateX(-100%);
576
+ z-index: 999;
577
+ }
578
+ .es-login-model-tips {
579
+ width: 128px;
580
+ height: 40px;
581
+ padding: 8px 10px 8px 6px;
582
+ line-height: 24px;
583
+ text-align: center;
584
+ color: #d4815e;
585
+ background-repeat: no-repeat;
586
+ background-size: 100% 100%;
587
+ position: absolute;
588
+ right: 60px;
589
+ top: 10px;
590
+ }
591
+ }
592
+ .es-login-models {
593
+ text-align: center;
594
+ color: #d9d9d9;
595
+ padding-top: 12px;
596
+ position: absolute;
597
+ left: 0;
598
+ right: 0;
599
+ bottom: 10px;
600
+ .es-icon-box {
601
+ & + .es-icon-box {
602
+ margin-left: 12px;
603
+ }
604
+ &.es-icon-active {
605
+ color: $--color-primary;
606
+ }
607
+ }
608
+ .es-icon {
609
+ font-size: 24px;
610
+ cursor: pointer;
611
+ }
612
+ }
613
+ .es-login-complex-title {
614
+ height: 22px;
615
+ font-size: 22px;
616
+ font-family: 'zihun';
617
+ font-weight: normal;
618
+ color: $--color-primary;
619
+ line-height: 22px;
620
+ transform: translateY(-20px);
621
+ }
622
+ .es-login-complex-models {
623
+ display: flex;
624
+ height: 40px;
625
+ line-height: 40px;
626
+ margin-bottom: 18px;
627
+ .es-login-complex-models-item {
628
+ min-width: 64px;
629
+ padding: 0 13px;
630
+ font-size: 18px;
631
+ color: #939393;
632
+ text-align: center;
633
+ cursor: pointer;
634
+ & + .es-login-complex-models-item {
635
+ margin-left: 30px;
636
+ }
637
+ &.es-active {
638
+ color: $--color-primary;
639
+ border-bottom: 1px solid $--color-primary;
640
+ }
641
+ }
642
+ &.es-complex-title {
643
+ justify-content: center;
644
+ }
645
+ }
646
+ .es-login-title {
647
+ color: $--color-primary;
648
+ display: flex;
649
+ align-items: center;
650
+ font-size: 24px;
651
+ line-height: 24px;
652
+ font-weight: bold;
653
+ position: relative;
654
+ padding-bottom: 30px;
655
+
656
+ &:not(.es-login-title-complex)::before,
657
+ &:not(.es-login-title-complex)::after {
658
+ content: '';
659
+ height: 1px;
660
+ flex: 1;
661
+ background-color: #eeeeee;
662
+ }
663
+ .es-login-title-content {
664
+ margin: 0 24px;
665
+ }
666
+ &.es-login-title-complex {
667
+ justify-content: center;
668
+ height: 40px;
669
+ font-size: 16px;
670
+ line-height: 40px;
671
+ .es-login-title-content {
672
+ padding: 0 12px;
673
+ border-bottom: 2px solid $--color-primary;
674
+ }
675
+ }
676
+ }
677
+ .es-login-form {
678
+ height: 340px;
679
+ display: flex;
680
+ flex-direction: column;
681
+ justify-content: space-around;
682
+ .el-form-item__content {
683
+ line-height: 50px;
684
+ }
685
+ .el-form-item {
686
+ margin-bottom: 0;
687
+ }
688
+ .el-input__inner {
689
+ height: 50px;
690
+ font-size: 18px;
691
+ background-color: #f7f7f7;
692
+ border-radius: $--login-form-radius;
693
+ padding-left: 52px;
694
+ }
695
+ .el-input__prefix {
696
+ width: 48px;
697
+ left: 0;
698
+ padding-left: 6px;
699
+ line-height: 50px;
700
+ height: 50px;
701
+ i {
702
+ line-height: 50px;
703
+ font-size: 20px;
704
+ color: #333;
705
+ }
706
+ }
707
+ .el-input__suffix-inner {
708
+ display: block;
709
+ height: 50px;
710
+ line-height: 50px;
711
+ .el-input__icon {
712
+ line-height: 50px;
713
+ font-size: 18px;
714
+ }
715
+ .es-img-code {
716
+ cursor: pointer;
717
+ height: 46px;
718
+ margin: 2px;
719
+ }
720
+ .es-get-code {
721
+ width: 115px;
722
+ height: 50px;
723
+ text-align: center;
724
+ padding: 0;
725
+ line-height: 50px;
726
+ }
727
+ }
728
+ .es-button-submit {
729
+ width: 100%;
730
+ height: 50px;
731
+ font-size: 20px;
732
+ text-align: center;
733
+ line-height: 50px;
734
+ font-weight: 500;
735
+ border-radius: $--login-form-radius;
736
+ padding: 0;
737
+ }
738
+ .es-label-image-code {
739
+ padding-right: 120px;
740
+ .el-input__suffix {
741
+ right: 0;
742
+ }
743
+ }
744
+ }
745
+ .es-login-qrcode {
746
+ height: 340px;
747
+ display: flex;
748
+ flex-direction: column;
749
+ justify-content: space-around;
750
+ .es-login-qrcode-box {
751
+ flex: 1;
752
+ position: relative;
753
+ }
754
+ .es-login-down-app {
755
+ font-size: $--font-size-base;
756
+ font-weight: normal;
757
+ text-align: center;
758
+ line-height: 20px;
759
+ .es-login-app-name {
760
+ color: #a90404;
761
+ padding: 0 8px;
762
+ }
763
+ }
764
+ .es-qrcode-box,
765
+ .es-wx-qrcode-box {
766
+ position: absolute;
767
+ left: 0;
768
+ top: 0;
769
+ right: 0;
770
+ bottom: 0;
771
+ }
772
+ }
773
+ .es-password-handle {
774
+ height: 22px;
775
+ justify-content: space-between;
776
+ margin-bottom: 22px;
777
+
778
+ .el-checkbox__label {
779
+ font-size: 16px;
780
+ font-weight: 400;
781
+ color: #333333 !important;
782
+ }
783
+
784
+ .el-checkbox__input {
785
+ .el-checkbox__inner {
786
+ width: 18px;
787
+ height: 18px;
788
+ border-radius: 10px;
789
+
790
+ &::after {
791
+ border: 2px solid #ffffff;
792
+ border-left: 0;
793
+ border-top: 0;
794
+ height: 8px;
795
+ left: 6px;
796
+ top: 2px;
797
+ }
798
+ }
799
+ }
800
+
801
+ .es-password-forget {
802
+ font-size: 16px;
803
+ color: #999999;
804
+ text-align: right;
805
+ float: right;
806
+ cursor: pointer;
807
+ }
808
+ }
809
+ .es-login-complex-app {
810
+ display: flex;
811
+ align-items: center;
812
+ justify-content: center;
813
+ .es-login-complex-scan {
814
+ display: flex;
815
+ align-items: center;
816
+ justify-content: center;
817
+ color: #666;
818
+ padding-right: 16px;
819
+ border-right: 1px solid #ccc;
820
+ .es-icon-scan {
821
+ font-size: 34px;
822
+ color: #97a1c3;
823
+ margin-right: 3px;
824
+ }
825
+ .es-login-complex-scan-tips {
826
+ line-height: 20px;
827
+ }
828
+ }
829
+ .es-login-complex-download {
830
+ margin-left: 16px;
831
+ line-height: 40px;
832
+ .es-login-app-name {
833
+ color: $--color-primary;
834
+ font-weight: bold;
835
+ }
836
+ }
837
+ }
838
+ .es-to-login {
839
+ text-align: right;
840
+ margin-right: -45px;
841
+ font-size: 20px;
842
+ color: $--color-primary;
843
+ padding-top: 20px;
844
+ }
845
+ &.es-simple {
846
+ .es-login-form {
847
+ .el-input__inner {
848
+ border-width: 0 0 1px 0;
849
+ border-radius: 0;
850
+ background-color: #fff;
851
+ box-shadow: none;
852
+ }
853
+ }
854
+
855
+ .el-input__prefix {
856
+ left: 0;
857
+ }
858
+ }
859
+ .es-downloadSetup {
860
+ height: 20px;
861
+ text-align: center;
862
+ .es-setup {
863
+ cursor: pointer;
864
+ color: #333;
865
+ &:hover {
866
+ color: #f9d900;
867
+ }
868
+ }
869
+ }
870
+ }
871
+ &.es-login-medium {
872
+ @include loginMedium;
873
+ }
874
+ @media screen and (max-width: 1600px) and (max-height: 900px) {
875
+ @include loginMedium;
876
+ }
877
+ &.es-login-small {
878
+ @include loginSmall;
879
+ }
880
+ @media screen and (max-width: 1280px) and (max-height: 720px) {
881
+ @include loginSmall;
882
+ }
883
+ &.es-login-mini {
884
+ @include loginMini;
885
+ }
886
+ @media screen and (max-width: 1024px) and (max-height: 768px) {
887
+ @include loginMini;
888
+ }
889
+ }
890
+ .es-rest-password {
891
+ .es-form-content {
892
+ .el-scrollbar__view {
893
+ padding-right: 54px;
894
+ }
895
+ }
896
+ .es-form-button {
897
+ padding-right: 20px;
898
+ }
899
+ }
900
+
901
+ .es-login-icp {
902
+ display: flex;
903
+ position: fixed;
904
+ left: 50%;
905
+ bottom: 20px;
906
+ transform: translateX(-50%);
907
+
908
+ .es-login-icp-item {
909
+ display: block;
910
+ white-space: nowrap;
911
+ font-size: 14px;
912
+ font-weight: 400;
913
+
914
+ & + .es-login-icp-item {
915
+ margin-left: 20px;
916
+ }
917
+ }
918
+ a:hover {
919
+ text-decoration: underline;
920
+ }
921
+ }
922
+ .rest-password-box {
923
+ height: 100%;
924
+ position: relative;
925
+ &.rest-password-cut {
926
+ padding-top: 60px;
927
+ }
928
+ .rest-menu-cut {
929
+ position: absolute;
930
+ left: 0;
931
+ top: 0;
932
+ right: 0;
933
+ display: flex;
934
+ justify-content: center;
935
+ }
936
+ }
937
+ .es-download-app {
938
+ cursor: pointer;
939
+ position: absolute;
940
+ top: 30px;
941
+ right: 30px;
942
+ .el-icon-mobile-phone {
943
+ font-size: 18px;
944
+ position: relative;
945
+ top: 2px;
946
+ }
947
+ }