|
|
@ -65,8 +65,9 @@ |
|
|
.start( |
|
|
.start( |
|
|
{ facingMode: "environment" }, |
|
|
{ facingMode: "environment" }, |
|
|
{ |
|
|
{ |
|
|
fps: 1, |
|
|
fps: 5, |
|
|
qrbox: { width: 250, height: 250 }, |
|
|
qrbox: { width: 250, height: 250 }, |
|
|
|
|
|
aspectRatio: 1.777778, |
|
|
}, |
|
|
}, |
|
|
(decodedText, decodedResult) => { |
|
|
(decodedText, decodedResult) => { |
|
|
window.location.href = decodedText; |
|
|
window.location.href = decodedText; |
|
|
@ -173,21 +174,21 @@ |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
position: relative; |
|
|
position: relative; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
/* border: red solid 7px; */ |
|
|
border: red solid 7px; |
|
|
} |
|
|
} |
|
|
.qrcode { |
|
|
.qrcode { |
|
|
height: 100%; |
|
|
height: 80%; |
|
|
/* width: 100%; |
|
|
/* width: 100%;*/ |
|
|
border: yellow solid 7px; */ |
|
|
border: white solid 7px; |
|
|
} |
|
|
} |
|
|
#reader { |
|
|
#reader { |
|
|
display: block; |
|
|
display: block; |
|
|
|
|
|
|
|
|
height: 95.4vh; |
|
|
height: 60.4vh; |
|
|
/* top: 50%; |
|
|
/* top: 50%; |
|
|
left: 0; |
|
|
left: 0; |
|
|
transform: translateY(-50%); */ |
|
|
transform: translateY(-50%); */ |
|
|
/* border: yellow solid 1px; */ |
|
|
border: yellow solid 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn { |
|
|
.btn { |
|
|
@ -198,7 +199,7 @@ |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
font-size: 6vw; |
|
|
font-size: 6vw; |
|
|
align-items: flex-start; |
|
|
align-items: flex-start; |
|
|
/* border: green solid 7px; */ |
|
|
border: green solid 7px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|