├── .gitignore ├── HtmlQRCode ├── css │ └── base.css ├── img │ ├── github.com.png │ └── qrcode.png ├── index.html └── js │ ├── base.js │ ├── jimp.js │ ├── jsqr.min.js │ ├── qrcode.js │ └── tone.mp3 ├── LICENSE ├── README.md ├── Vue3QRCode ├── .gitignore ├── README.md ├── babel.config.js ├── jsconfig.json ├── package.json ├── public │ ├── favicon.ico │ └── index.html ├── src │ ├── App.vue │ ├── assets │ │ ├── create.png │ │ ├── logo.png │ │ └── tone.mp3 │ ├── components │ │ └── HelloWorld.vue │ ├── main.js │ ├── router │ │ ├── index.js │ │ └── modules │ │ │ └── index.js │ └── views │ │ ├── view-qrcode.vue │ │ └── view-reader.vue └── vue.config.js ├── VueQRCode ├── README.md ├── babel.config.js ├── package.json ├── public │ ├── favicon.ico │ └── index.html ├── src │ ├── App.vue │ ├── assets │ │ ├── create.png │ │ ├── github.com.png │ │ ├── logo.png │ │ ├── qrcode.png │ │ └── tone.mp3 │ ├── components │ │ └── HelloWorld.vue │ ├── main.js │ ├── router │ │ └── index.js │ ├── store │ │ └── index.js │ └── views │ │ ├── Qrcode.vue │ │ └── Reader.vue └── vue.config.js ├── css ├── 230.de96454d.css └── app.762ddd0e.css ├── favicon.ico ├── img └── logo.448e971f.png ├── index.html ├── js ├── 230.de4dedb1.js ├── app.e7c75594.js └── chunk-vendors.9cf56663.js └── media └── tone.2475c639.mp3 /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | dist 4 | 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | 10 | # Log files 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | pnpm-debug.log* 15 | 16 | # Editor directories and files 17 | .idea 18 | .vscode 19 | *.suo 20 | *.ntvs* 21 | *.njsproj 22 | *.sln 23 | *.sw? 24 | -------------------------------------------------------------------------------- /HtmlQRCode/css/base.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin : 0; 3 | padding: 0; 4 | } 5 | 6 | .h1 { 7 | padding : 10px; 8 | text-align: center; 9 | } 10 | 11 | .menu { 12 | text-align: center; 13 | } 14 | 15 | .menu nav { 16 | display : inline-block; 17 | padding : 20px; 18 | font-size : 20px; 19 | font-weight: bold; 20 | cursor : pointer; 21 | } 22 | 23 | .menu nav.active { 24 | color: #42b983; 25 | } 26 | 27 | 28 | .main { 29 | position: relative; 30 | z-index : 1; 31 | } 32 | 33 | .main .create { 34 | text-align: center; 35 | } 36 | 37 | .main .create input { 38 | position : relative; 39 | margin : 20px 0; 40 | padding : 12px; 41 | width : 300px; 42 | font-size: 18px; 43 | border : 1px solid #42b983; 44 | overflow : hidden; 45 | } 46 | 47 | .main .create input[type="button"] { 48 | color : white; 49 | border : none; 50 | background: #42b983; 51 | cursor : pointer; 52 | } 53 | 54 | .main .create .qrcode img { 55 | margin : 20px auto; 56 | padding : 30px; 57 | width : 360px; 58 | height : 360px; 59 | border-radius: 8px; 60 | border : 2px solid gray; 61 | } 62 | 63 | .main .reader { 64 | display : none; 65 | text-align: center; 66 | font-size : 16px; 67 | } 68 | 69 | .main .reader .sweep { 70 | position : relative; 71 | margin : 20px; 72 | padding : 12px; 73 | width : 300px; 74 | font-size : 18px; 75 | cursor : pointer; 76 | color : white; 77 | background: #42b983; 78 | border : 1px solid #42b983; 79 | overflow : hidden; 80 | } 81 | 82 | .main .reader .sweep input { 83 | position : absolute; 84 | font-size: 100px; 85 | opacity : 0; 86 | } 87 | 88 | .main .reader .imgurl { 89 | margin : 20px; 90 | text-align: center; 91 | } 92 | 93 | .main .reader .imgurl img { 94 | margin : 20px; 95 | padding : 10px; 96 | border : 1px solid gray; 97 | border-radius: 8px; 98 | width : 280px; 99 | height : 260px; 100 | } 101 | 102 | .main .reader .result { 103 | box-sizing : border-box; 104 | padding : 10px; 105 | border : 1px solid gray; 106 | border-radius: 8px; 107 | font-size : 16px; 108 | } 109 | 110 | .main .reader .canvas { 111 | display : none; 112 | box-sizing: border-box; 113 | position : fixed; 114 | top : 0; 115 | right : 0; 116 | bottom : 0; 117 | left : 0; 118 | width : 100vw; 119 | height : 100vh; 120 | } -------------------------------------------------------------------------------- /HtmlQRCode/img/github.com.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MuGuiLin/QRCode/e5256e428de61f3dfd74f1441bf69225c2312bd4/HtmlQRCode/img/github.com.png -------------------------------------------------------------------------------- /HtmlQRCode/img/qrcode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MuGuiLin/QRCode/e5256e428de61f3dfd74f1441bf69225c2312bd4/HtmlQRCode/img/qrcode.png -------------------------------------------------------------------------------- /HtmlQRCode/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 |'); 249 | } 250 | 251 | aHTML.push(' |
14 | For a guide and recipes on how to configure / customize this project,
15 | check out the
16 | vue-cli documentation.
17 |
{{error}}
116 | 117 | 118 |
5 | For a guide and recipes on how to configure / customize this project,
6 | check out the
7 | vue-cli documentation.
8 |