| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <html>
- <head>
- <style>
- body {
- width: 324px;
- margin: 0;
- font-family: SimSun;
- padding: 12px;
- }
- .item {
- padding: 12px;
- margin-bottom: 12px;
- font-size: 14px;
- border: 1px solid #ccc;
- border-radius: 6px;
- }
- .desc {
- margin-top: 4px;
- font-size: 12px;
- color: #7F7F7F;
- white-space: nowrap;
- overflow: hidden;
- }
- .name {
- height: 22px;
- }
- .img {
- width: 40px;
- height: 40px;
- margin-right: 12px;
- }
- .cashier {
- display: inline-block;
- /* width: 260px; */
- width: 238px;
- white-space: nowrap;
- overflow: hidden;
- }
- .text-center {
- text-align: center;
- }
- .qrcode {
- margin-top: 12px;
- text-align: center;
- border-top: 1px solid #ccc;
- }
- .qrcode img {
- width: 180px;
- height: 180px;
- margin-top: 12px;
- border-radius: 4px;
- }
- </style>
- </head>
- <body>
- <div class="item">
- <div>奥扬桃林站</div>
- <div class="desc">XX省XX市XX区XXXXX路XX号XXXXXX</div>
- </div>
- <div class="item">
- <img src="" class="img" />
- <div class="cashier">
- <div class="name">郭麒麟 [ 工号:AYTL009 ]</div>
- <div class="desc">199****0123</div>
- </div>
- <div class="qrcode">
- <img src="" />
- </div>
- </div>
- </body>
- </html>
|