boka-human-cliend-v3 0.0.49 → 0.0.51
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/dist/boka-human-cliend-v3.css +6 -1
- package/dist/boka-human-v3.umd.js +12 -12
- package/package.json +1 -1
- package/src/demo/App.vue +2 -2
|
@@ -454,6 +454,7 @@
|
|
|
454
454
|
.humanEnterIcon {
|
|
455
455
|
position: fixed;
|
|
456
456
|
z-index: 999;
|
|
457
|
+
background-color: #0074ff;
|
|
457
458
|
border-radius: 50%;
|
|
458
459
|
width: 40px;
|
|
459
460
|
height: 40px;
|
|
@@ -461,6 +462,8 @@
|
|
|
461
462
|
box-sizing: border-box;
|
|
462
463
|
/*transform: translate(100vw, 100vh);*/
|
|
463
464
|
transform: translate(50vw, 50vh);
|
|
465
|
+
box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
|
|
466
|
+
padding: 8px;
|
|
464
467
|
}
|
|
465
468
|
.humanEnterIcon > svg {
|
|
466
469
|
width: 100%;
|
|
@@ -473,14 +476,15 @@
|
|
|
473
476
|
line-height: 24px;
|
|
474
477
|
font-size: 14px;
|
|
475
478
|
font-weight: bold;
|
|
476
|
-
padding: 8px;
|
|
477
479
|
}
|
|
478
480
|
.humanMainView {
|
|
479
481
|
position: fixed;
|
|
480
482
|
min-width: 360px;
|
|
483
|
+
width: 400px;
|
|
481
484
|
max-width: 600px;
|
|
482
485
|
min-height: 360px;
|
|
483
486
|
height: 80vh;
|
|
487
|
+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
|
484
488
|
}
|
|
485
489
|
.humanMainView.full {
|
|
486
490
|
padding-top: env(safe-area-inset-top);
|
|
@@ -494,6 +498,7 @@
|
|
|
494
498
|
left: 0;
|
|
495
499
|
z-index: 999;
|
|
496
500
|
overflow: hidden;
|
|
501
|
+
box-shadow: none;
|
|
497
502
|
}
|
|
498
503
|
.humanMainView .humanMainHeader {
|
|
499
504
|
width: 100%;
|
|
@@ -5376,18 +5376,18 @@
|
|
|
5376
5376
|
restriction: "#humanViewOuter",
|
|
5377
5377
|
endOnly: true
|
|
5378
5378
|
/*restriction: () => {
|
|
5379
|
-
|
|
5380
|
-
|
|
5381
|
-
|
|
5382
|
-
|
|
5383
|
-
|
|
5384
|
-
|
|
5385
|
-
|
|
5386
|
-
|
|
5387
|
-
|
|
5388
|
-
|
|
5389
|
-
|
|
5390
|
-
|
|
5379
|
+
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
5380
|
+
const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
|
|
5381
|
+
|
|
5382
|
+
return {
|
|
5383
|
+
left: scrollLeft,
|
|
5384
|
+
top: scrollTop,
|
|
5385
|
+
right: scrollLeft + window.innerWidth,
|
|
5386
|
+
bottom: scrollTop + window.innerHeight
|
|
5387
|
+
};
|
|
5388
|
+
},
|
|
5389
|
+
elementRect: { left: 0, right: 1, top: 0, bottom: 1 },
|
|
5390
|
+
endOnly: false*/
|
|
5391
5391
|
})
|
|
5392
5392
|
],
|
|
5393
5393
|
autoScroll: true,
|
package/package.json
CHANGED
package/src/demo/App.vue
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="app">
|
|
3
|
-
<BokaHuman :token="'
|
|
3
|
+
<BokaHuman :token="'bearer 53b2251627e82b29b521d78c5ac9a9ea'" :product="'manageCenterPlus'" :cust-type="'manageCenterPlus'" :sub-cust-type="'standard'" source="pc" :full-screen="0"/>
|
|
4
4
|
<div style="height: 200vh; width: 100vw; background: #fff;"></div>
|
|
5
5
|
</div>
|
|
6
6
|
</template>
|
|
@@ -14,7 +14,7 @@ export default {
|
|
|
14
14
|
BokaHuman:BokaHumanRaw
|
|
15
15
|
},
|
|
16
16
|
mounted() {
|
|
17
|
-
|
|
17
|
+
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
</script>
|