1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
| <template>
| <div class="facepay-qrcode ">
| <v-navbar title="扫码收款" fixed></v-navbar>
|
|
| <div class="qr-code">
| <div ref="QRCode1" class="qr-box">
| <img :src="dataUrl" alt="">
| </div>
| </div>
|
|
|
| </div>
| </template>
|
| <script>
| import QRCode from 'qrcode';
| export default {
| name: "facepay-qrcode",
| data(){
| return {
| dataUrl: '',
|
|
|
| }
| },
| mounted(){
| let _this = this,
| Parmar = this.$route.query || {
| id:122,
| name:"122",
| name2:"122",
| name3:"122"
| };
|
| QRCode.toDataURL(
| JSON.stringify(Parmar), {
| margin: 0,
| width: 200
| },
| (err, url) => {
| if (err) console.error(err);
| _this.dataUrl = url;
| }
| );
|
| },
| methods:{
|
| }
| }
| </script>
|
| <style scoped lang="less">
| .facepay-qrcode{
| padding-top: 44px;
| min-height: calc(100vh - 44px);
| background-color: @c-f5;
| .qr-code{
| margin-top: 50px;
| .flex(center,center);
| }
|
| .qr-box{
| padding:8px 8px 3px 8px;
| border: 2px solid @c-default;
| }
|
| }
| </style>
|
|
