react_hsbc_teller 0.4.4 → 0.4.8

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 (16) hide show
  1. package/lib/af86cbfc6e2e5f93fbf4d1c5211275d6.png +0 -0
  2. package/lib/hsbc.js +1 -1
  3. package/package.json +1 -1
  4. package/packages/assets/img/Face_recognition.png +0 -0
  5. package/packages/assets/img/Projection_screen.png +0 -0
  6. package/packages/assets/img/huazhonghua.png +0 -0
  7. package/packages/assets/img/icon_Mute.png +0 -0
  8. package/packages/assets/img/icon_MuteOne.png +0 -0
  9. package/packages/assets/img/icon_invitation.png +0 -0
  10. package/packages/assets/img/icon_ocr.png +0 -0
  11. package/packages/assets/img/placeholder_bg.png +0 -0
  12. package/packages/pages/foot/foot.jsx +10 -4
  13. package/packages/pages/foot/foot.less +20 -11
  14. package/packages/pages/header/header.less +1 -1
  15. package/packages/pages/video/video.jsx +807 -689
  16. package/packages/pages/video/video.less +130 -46
package/packages/pages/video/video.less CHANGED
@@ -13,8 +13,8 @@
13
13
  float: right
14
14
  }
15
15
  .imgClassVoice{
16
- width: 2.5rem;
17
- height: 2.5rem;
16
+ width: 2.1rem;
17
+ height: 2.1rem
18
18
  }
19
19
  .sharedScreen{
20
20
  font-size: 10px;
@@ -29,6 +29,7 @@
29
29
  width: 20%;
30
30
  background: #f3f3f3;
31
31
  text-align: center;
32
+ margin-left: 20px;
32
33
  // display: grid;
33
34
  // grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
34
35
  // grid-template-rows: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
@@ -41,6 +42,7 @@
41
42
  height: 170px;
42
43
  position: relative;
43
44
  background: #333;
45
+ margin-bottom: 20px;
44
46
  }
45
47
  .videoFit{
46
48
  object-fit: contain !important;
@@ -64,13 +66,16 @@
64
66
  height: 100%;
65
67
  }
66
68
  .health{
67
- width: ~"calc(100% - 40px)";
68
- margin: 0px 20px 0 20px;
69
+ padding: 20px;
70
+ background: #f0f0f0;
71
+ }
72
+ .healthVideo{
69
73
  height: ~"calc(100vh - 150px)";
74
+ width: 100%;
70
75
  display: inline-flex;
71
76
  }
72
77
  .all{
73
- height: 100%;
78
+ height: 100%
74
79
  }
75
80
  .ownClass{
76
81
  height: calc(100vh - 15px);
@@ -87,20 +92,31 @@
87
92
  width: 100%;
88
93
  }
89
94
  .invitationSpan{
90
- padding: 5px 10px;
91
- float: right;
92
- color: #00847F;
95
+ padding: 10px 20px;
96
+ height: 44px;
97
+ width: 100px;
98
+ font-size: 16px;
99
+ background: #3E505D;
100
+ color: #fff;
101
+ margin-left: 20px;
93
102
  }
94
103
  .inputClick{
95
- width: 90%;
96
- height: 34px;
104
+ width: 65%;
105
+ height: 46px;
97
106
  border-radius: 2px;
98
- border: 0px;
107
+ // border: 0px;
99
108
  outline: none;
109
+ font-size: 17px;
110
+ border: 1px #707070 solid;
111
+ }
112
+ .modalSpan{
113
+ margin-right: 20px;
114
+ font-size: 17px;
115
+ color: #666666;
100
116
  }
101
117
  .invitationDiv{
102
- margin: 10px 20px;
103
- border: 1px solid #DCDFE6;
118
+ margin-left: 40px;
119
+ margin-bottom: 15px
104
120
  }
105
121
  .faceImg{
106
122
  width: 200px;
@@ -110,14 +126,14 @@
110
126
  text-align: center;
111
127
  }
112
128
  .canvasClass{
113
- position: absolute;
114
- bottom: 0;
115
- right: 0;
129
+ // position: absolute;
130
+ // bottom: 0;
131
+ // right: 0;
116
132
  }
117
133
  .canvasClassOne{
118
- position: absolute;
119
- bottom: 0;
120
- right: 0;
134
+ // position: absolute;
135
+ // bottom: 0;
136
+ // right: 0;
121
137
  }
122
138
  .content{
123
139
  height: 654px;
@@ -133,7 +149,7 @@
133
149
  width: 80%;
134
150
  position: relative;
135
151
  background: rgba(0,0,0,0.65);
136
- color: #fff;
152
+ color: #333;
137
153
  // height: ~"calc(100vh - 130px)";
138
154
  // position: absolute;
139
155
  // z-index: 1;
@@ -149,29 +165,35 @@
149
165
  }
150
166
  }
151
167
  .customerTitle{
168
+ background: rgba(0, 0, 0, 0.65);
169
+ display: inline-flex;
152
170
  position: absolute;
153
171
  // top: 0;
154
- bottom: 0;
155
- left: 0px;
156
- // width: 30%;
157
- line-height: 30px;
158
- height: 30px;
172
+ left: 10px;
173
+ // width: 80px;
174
+ line-height: 40px;
175
+
176
+ bottom: 10px;
177
+ height: 40px;
159
178
  // background: rgba(219, 0, 17, 0.1);
160
- border-radius: 4px 0px 2px 0px;
179
+ border-radius: 4;
180
+ // transform: rotateY(180deg);
161
181
  // color: #DB0011;
162
182
  // font-size: 14px;
163
183
  }
164
184
  .tellerTitle{
185
+ background: rgba(0, 0, 0, 0.65);
186
+ display: inline-flex;
165
187
  position: absolute;
166
188
  // top: 0;
167
- left: 0px;
189
+ left: 10px;
168
190
  // width: 80px;
169
- line-height: 30px;
191
+ line-height: 40px;
170
192
 
171
- bottom: 0;
172
- height: 30px;
193
+ bottom: 10px;
194
+ height: 40px;
173
195
  // background: rgba(219, 0, 17, 0.1);
174
- border-radius: 4px 0px 2px 0px;
196
+ border-radius: 4;
175
197
  // transform: rotateY(180deg);
176
198
  // color: #DB0011;
177
199
  font-size: 14px;
@@ -186,56 +208,118 @@
186
208
  white-space: nowrap;
187
209
  text-overflow: ellipsis;
188
210
  overflow: hidden;
189
- padding: 0 10px;
211
+ padding-right: 10px;
190
212
  }
191
213
  .themeClass{
192
214
  position: absolute;
193
215
  top: 50%;
194
216
  left: 40%;
217
+ font-size: 22px;
218
+ color: #222222;
219
+ font-weight: 600;
195
220
  ul{
196
221
  li{
197
222
  list-style: none;
223
+ margin: 21px 0;
198
224
  span{
199
225
  font-size: 20px;
226
+ width: 143px;
227
+ text-align: left;
228
+ display: inline-block;
200
229
  }
201
- label{
230
+ .labelClass{
202
231
  font-size: 16px;
232
+ text-align: left;
233
+ display: inline-block;
203
234
  }
204
235
  }
205
236
  }
206
237
  }
207
238
  .button{
208
239
  display: inline-flex;
209
- margin-left: 7px;
210
240
  // width: 100%;
211
241
  // position: absolute;
212
242
  // z-index: 1;
213
243
  // top: 0;
214
244
  // left: 0;
215
245
  .selectSee{
216
- background: #00847F;
217
- border-radius: 0px 0px 2px 2px;
218
- border: 1px solid #00847F;
246
+ width: 92px;
247
+ height: 32px;
248
+ text-align: center;
249
+ background: #303D46;
250
+ border-radius: 0 0 0.104167rem 0.104167rem;
251
+ border: 0.052083rem solid #303D46;
252
+ color: #ffffff;
253
+ font-size: 14px;
219
254
  }
220
255
  .noSelest{
221
- background: rgba(51, 51, 51, 0.25);
222
- border-radius: 0px 0px 2px 2px;
256
+ width: 92px;
257
+ height: 32px;
258
+ text-align: center;
259
+ background: #D7D8D6;
260
+ border-radius: 0 0 0.104167rem 0.104167rem;
261
+ border: 0.052083rem solid #D7D8D6;
262
+ color: #303D46;
263
+ font-size: 14px;
223
264
  }
224
265
  div{
225
266
  font-size: 16px;
226
- margin: 0 15px;
227
267
  color: #FFFFFF;
228
268
  padding: 6px 13px;
229
269
  }
230
270
  }
231
271
  .voiceClass{
232
- position: absolute;
233
- bottom: 0;
234
- left: 0;
272
+ // position: absolute;
273
+ // bottom: 0;
274
+ // left: 0;
235
275
  transform: rotateY(180deg);
236
276
  }
237
277
  .voiceVideoClass{
238
- position: absolute;
239
- bottom: 0;
240
- right: 0;
278
+ // position: absolute;
279
+ // bottom: 0;
280
+ // right: 0;
281
+ }
282
+ .cameraAnMicrophone{
283
+ margin: 10px 20px;
284
+ }
285
+ .ant-modal-header{
286
+ padding: 36px 30px 30px 30px !important;
287
+ border-bottom: none !important;
288
+ }
289
+ .ant-modal-body{
290
+ padding: 0 !important;
291
+ }
292
+ .ant-modal-title{
293
+ font-size: 22px !important;
294
+ color: #333333 !important;
295
+ }
296
+ .ant-modal-footer {
297
+ margin-top: 50px!important;
298
+ padding: 20px 30px 30px!important;
299
+ }
300
+ .modelButtonCancel{
301
+ width: 100px!important;
302
+ height: 40px!important;
303
+ font-size: 16px!important;
304
+ color: #5C5C5C!important;
305
+ border: 1px #5C5C5C solid!important;
306
+ border-spacing: 20px!important;
307
+ }
308
+ .modelButtonOk{
309
+ width: 100px!important;
310
+ height: 40px!important;
311
+ font-size: 16px!important;
312
+ color: #ffffff!important;
313
+ border: 1px #DB0011 solid!important;
314
+ background: #DB0011!important;
315
+ border-spacing: 20px!important;
316
+ }
317
+ .endModal{
318
+ font-size: 16px;
319
+ padding: 56px 30px 18px 30px;
320
+ color: #333333;
321
+ }
322
+ .inspection{
323
+ font-size: 16px;
324
+ margin: 20px 50px;
241
325
  }