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