share.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. #printer{
  5. margin: 0 auto;
  6. width: 400px;
  7. height: 85%;
  8. background-color: #fff;
  9. padding: 10px;
  10. }
  11. #printer img{
  12. width: 100%;
  13. }
  14. #printer p{
  15. /*padding-top: 10px;*/
  16. text-align: center;
  17. }
  18. .ibox-tools{
  19. margin: 5px 10px;
  20. float: right;
  21. }
  22. .text-center{
  23. text-align: center;
  24. }
  25. </style>
  26. <div id="printer" class="text-center">
  27. <img src="{:url('Qrcode/wj_code')}?url={$url}" alt="">
  28. <p><a href="{$url}">{$url}</a></p>
  29. </div>
  30. <div class="text-center">
  31. <br>
  32. <a href="javascript:;" class="btn btn-sm btn-primary" onclick="print()"><i class="glyphicon glyphicon-print"> 打印</i></a>
  33. </div>
  34. <script src="/static/bootstrap-multiselect/docs/js/jquery-2.1.3.min.js"></script>
  35. <script src="/static/browser.js"></script>
  36. <script src="/static/jquery.jqprint-0.3.js"></script>
  37. <script>
  38. function print(){
  39. $("#printer").jqprint();
  40. }
  41. </script>
  42. {/block}