receipt.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. html,
  9. body {
  10. padding: 0;
  11. margin: 0;
  12. }
  13. .box {
  14. position: absolute;
  15. top: 50%;
  16. left: 50%;
  17. transform: translate(-50%, -50%);
  18. width: 700px;
  19. height: 368px;
  20. /* border: 1px solid #888; */
  21. }
  22. .nav {
  23. position: absolute;
  24. /* padding: 0px 16px; */
  25. left: 170px;
  26. top: 80px;
  27. }
  28. .jkr {
  29. position: absolute;
  30. left:180px;
  31. top: 130px;
  32. }
  33. .rmb-dx {
  34. position: absolute;
  35. left:230px;
  36. top: 180px;
  37. }
  38. .rmb-xx {
  39. position: absolute;
  40. left:520px;
  41. top: 180px;
  42. }
  43. .sy {
  44. position: absolute;
  45. left: 180px;
  46. top: 246px;
  47. }
  48. .kpr {
  49. position: absolute;
  50. left: 630px;
  51. top: 310px;
  52. }
  53. span {
  54. font-family: '宋体';
  55. }
  56. </style>
  57. </head>
  58. <body>
  59. <div class="box">
  60. <div class="nav">
  61. <span class="time"><?php echo $data['time'];?></span>
  62. </div>
  63. <div class="jkr">
  64. <span class="truename"><?php echo $data['truename'];?></span>
  65. </div>
  66. <div class="rmb-dx">
  67. <span class="dx"><?php echo $data['rmbDx'];?></span>
  68. </div>
  69. <div class="rmb-xx">
  70. <span class="xx"><?php echo $data['rmbXx'];?></span>
  71. </div>
  72. <div class="sy">
  73. <span class="hyh">海洋会会费</span>
  74. </div>
  75. <div class="kpr">
  76. <span><?php echo $data['kpr'];?></span>
  77. </div>
  78. </div>
  79. </body>
  80. <script>
  81. // console.log('tt');
  82. window.print();
  83. </script>
  84. </html>