auyen
/
dx-element-ui


			
				
					
						
						
							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>