qrcodeTool.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
  6. <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
  7. <meta http-equiv="pragma" content="no-cache">
  8. <meta http-equiv="expires" content="0">
  9. <title>打印二维码</title>
  10. <style>
  11. body, html {
  12. padding: 0;
  13. margin: 0;
  14. }
  15. /*210×297*/
  16. .qr-panel {
  17. width: 21.0cm;
  18. height: 29.7cm;
  19. }
  20. .img-wear {
  21. padding: 0.5cm;
  22. width: 3.5cm;
  23. box-sizing: border-box;
  24. border-right: 0.1mm dotted #aaa;
  25. border-bottom: 0.1mm dotted #aaa;
  26. float: left;
  27. }
  28. .qr-panel img {
  29. width: 2.5cm;
  30. height: 2.87cm;
  31. display: block;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div class="qr-panel">
  37. </div>
  38. </body>
  39. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  40. <script>
  41. var start = 359500
  42. for (var index = 0; index < 500; index++) {
  43. var img = $('<div class="img-wear"><img src="/pages/images/逻辑码/' + start + '.jpeg"></div>')
  44. $('.qr-panel').append(img)
  45. start++
  46. }
  47. </script>
  48. </html>