|
|
@ -66,8 +66,8 @@ |
|
|
{ facingMode: "environment" }, |
|
|
{ facingMode: "environment" }, |
|
|
{ |
|
|
{ |
|
|
fps: 5, |
|
|
fps: 5, |
|
|
qrbox: { width: 300, height: 300 }, |
|
|
qrbox: { width: 300, height: 210 }, |
|
|
aspectRatio: 1.7, |
|
|
aspectRatio: 1.7,// |
|
|
}, |
|
|
}, |
|
|
(decodedText, decodedResult) => { |
|
|
(decodedText, decodedResult) => { |
|
|
window.location.href = decodedText; |
|
|
window.location.href = decodedText; |
|
|
@ -174,12 +174,12 @@ |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
position: relative; |
|
|
position: relative; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
border: red solid 7px; |
|
|
/* border: red solid 7px; */ |
|
|
} |
|
|
} |
|
|
.qrcode { |
|
|
.qrcode { |
|
|
height: 90%; |
|
|
height: 90%; |
|
|
/* width: 100%;*/ |
|
|
/* width: 100%;*/ |
|
|
border: white solid 7px; |
|
|
/* border: white solid 7px; */ |
|
|
} |
|
|
} |
|
|
#reader { |
|
|
#reader { |
|
|
display: block; |
|
|
display: block; |
|
|
@ -188,7 +188,7 @@ |
|
|
/* top: 50%; |
|
|
/* top: 50%; |
|
|
left: 0; |
|
|
left: 0; |
|
|
transform: translateY(-50%); */ |
|
|
transform: translateY(-50%); */ |
|
|
border: yellow solid 5px; |
|
|
/* border: yellow solid 5px; */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn { |
|
|
.btn { |
|
|
@ -199,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> |
|
|
|
|
|
|