p6.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  7. <link rel="stylesheet" href="../css/weui.css"/>
  8. <link rel="stylesheet" href="../css/weuix.css"/>
  9. <script src="../js/zepto.min.js"></script>
  10. <script src="../js/qrcode.js"></script>
  11. <script>
  12. $(function(){
  13. });
  14. function qr(){
  15. var txt="BEGIN:VCARD\r\nVERSION:3.0\r\nN:太白\r\nFN:李\r\nTITLE:工程师\r\nNICKNAME:昵称\r\nTEL;CELL;VOICE:移动18291448888\r\nTEL;WORK;VOICE:工作电话18291449999\r\nORG:组织机构\r\nEMAIL;PREF;INTERNET:logove@qq.com\r\nADR;TYPE=WORK:;;具体地址;汉中;陕西省;2324200;中国\r\nADR;TYPE=HOME:;;具体地址;汉中;陕西省;2324200;中国\r\nNOTE;ENCODING=QUOTED-PRINTABLE:备注来自名片通讯录\r\nEND:VCARD";
  16. $("#qrcodeimg").empty().qrcode({render:"image",ecLevel:"L",size:300,background:"#fff",fill:"#000",text:txt});
  17. }
  18. </script>
  19. </head>
  20. <body ontouchstart>
  21. <div class="page-hd">
  22. <h1 class="page-hd-title">
  23. 二维码/名片生成
  24. </h1>
  25. <p class="page-hd-desc">可扫码二维码,或右键识别二维码</p>
  26. </div>
  27. <div class="page-bd-15">
  28. <a href="javascript:;" class="weui-btn weui-btn_primary" onclick="qr()">生成名片二维码</a>
  29. <br>
  30. <div id="qrcodeimg" class='tcenter'></div>
  31. </div>
  32. <br>
  33. <br>
  34. <div class="weui-footer weui-footer_fixed-bottom">
  35. <p class="weui-footer__links">
  36. <a href="../index.html" class="weui-footer__link">WeUI首页</a>
  37. </p>
  38. <p class="weui-footer__text">Copyright &copy; Yoby</p>
  39. </div>
  40. </body>
  41. </html>