master

分支 (1)

管理

管理

master

web123
/
order.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<!--全局的样式配置-->
		<!-- 整个页面的字体统一缩小 -->

		<style>
			body{	/*标签是直接写的*/
				font-size: 8px;
				/*一般去看一个元素位置,设置他的边线,调试完再去掉*/
				border: 1px solid red;
				width: 290px;
			}

			.me{	/*共享样式,定义一个名称,class属性=me
						class属性名前面必须有一个.点*/
				padding-left: 90px;
			}
			#please{
				font-size: 20px;
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<br/><!--html换行符-->
		<div id="please">请您留意取餐账号单</div>
		<div class="me">自取顾客联</div>
		<div>永和大王(北三环西路店)</div>
		<div>010-62112313</div>
		<div class="me">--结账单--</div>
		<div id="please">账号单:P000010</div>
		<div>账单类型:堂食</div>
		<div>人数:1</div>
		<div>收银员:张静</div>
		<div>开单时间:2021-03-30 07:12:12</div>
		<div>结账时间:2021-03-30 08:12:56</div>
		<!--虚线dashed 默认实线solid,换线性-->
		<hr style="border: 1px dashed;"/>
		<!--表格:表头行,普通行,单元格-->
		<table border="0">
			<tr>
				<th width="30" align="center">数量</th>
				<th width="150"align="center">品相</th>
				<th width="50" align="center">金额</th>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td>
					玉米肉松蛋饼2P<br />
					1X--玉米肉松蛋饼<br />
					1X--现磨豆浆(热/甜)
				</td>
				<td valign="top" align="right">8.00</td>
			</tr>
		</table>
		<hr style="border: 1px dashed;"/>
		<table border="0">
			<tr>
				<td width="40" >合计</td>
				<td width="194"align="right">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
		</table>
		<hr style="border: 1px dashed;"/>
		<div>打印时间: 2021-03-09 07:45:56</div>
		<hr style="border: 1px dashed;"/>
		<div style="padding-top: 20px;">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div>
		<!--相对路径访问图片-->
		<img width="120" height="60" src="https://www.baidu.com/img/flexible/logo/pc/result.png" style="padding-left: 70px;"/>
		<div>官网: www.yonghe.com.cn</div>
		<div>加盟电话:123456789120</div>
		<br /><br />
	</body>
</html>