eoss-ui 0.7.45 → 0.7.47

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