60 lines
1.3 KiB
Vue
60 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<v-card><QRCanvas :options="{cellSize: 4,correctLevel: 'H',data: '1234'}"/></v-card>
|
|
</div>
|
|
|
|
</template>
|
|
<style>
|
|
|
|
|
|
|
|
|
|
.box-center-detail-order{
|
|
position: fixed;
|
|
left: 50%;
|
|
bottom: -52px;
|
|
transform: translate(-50%, -50%);
|
|
margin: 0 auto;
|
|
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
|
|
}
|
|
@media only screen and (min-device-width : 1024px){
|
|
/* Styles */
|
|
/* width */
|
|
::-webkit-scrollbar {
|
|
height: 8px; /* height of horizontal scrollbar ← You're missing this */
|
|
width: 8px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<script src="../../../libs/vendor/qrcanvas/lib/qrcanvas.min.js"></script>
|
|
<script >
|
|
import { QRCanvas } from 'qrcanvas-vue';
|
|
|
|
export default {
|
|
name: 'qrcodecanvas',
|
|
components: {
|
|
QRCanvas
|
|
},
|
|
data: () => ({
|
|
show:true,
|
|
dialog_rincian:false
|
|
}),
|
|
}
|
|
</script>
|
|
|