fehelper_qrcode.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE HTML>
  2. <html lang="zh-CN">
  3. <head>
  4. <title>Json格式化查看工具</title>
  5. <meta charset="UTF-8">
  6. <link rel="stylesheet" href="../static/css/fe-qrcode.css" />
  7. <script type="text/javascript" src="../static/js/core/jquery-1.5.min.js"></script>
  8. <script type="text/javascript" src="../static/js/mod/mod_qrcode.js"></script>
  9. </head>
  10. <body>
  11. <div class="mod-qrcode">
  12. <div class="qr-item clearfix">
  13. <fieldset>
  14. <legend>生成QR码</legend>
  15. <div>
  16. 原始数据:&nbsp;<textarea id="source"></textarea>
  17. <a href="#" id="btnDemo">隐藏demo</a>
  18. </div>
  19. <div id="demo">
  20. <div class="item">
  21. <span class="title">名片</span>
  22. <span class="content">
  23. CARD:N:Alien;TIL:WEB前端工程师;DIV:某部门;COR:某IT公司;ADR:北京市海淀区;ZIP:100085;TEL:保密;M:保密;EM:[email protected];URL:http://www.baidufe.com;;
  24. </span>
  25. <a href="#" class="test">试用</a>
  26. </div>
  27. <div class="item">
  28. <span class="title">网址</span>
  29. <span class="content">
  30. http://www.baidufe.com;;
  31. </span>
  32. <a href="#" class="test">试用</a>
  33. </div>
  34. </div>
  35. <div>
  36. 图片尺寸:&nbsp;<input type="text" id="size" value="4">
  37. <button id="btnQR">生成</button>
  38. </div>
  39. </fieldset>
  40. <div id="qrResult"></div>
  41. </div>
  42. </div>
  43. </body>
  44. </html>