加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
order.html 2.63 KB
一键复制 编辑 原始数据 按行查看 历史
姚点亮 提交于 2021-03-30 14:46 . 新增html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>永和小票</title>
<!-- css 全局的样式配置,默认位置
body代表整个页面标签,修饰整个body中的字体
-->
<style>
body{/*字体大小设置为8个像素*/
font-size: 8px;
/*一般看一个元素的位置,设置边线,调试后再去掉*/
border: 0px solid red;
width: 290px;
}
.me{/*共享样式,定义一个名称,class属性=任意名字,class名前必须有一个.*/
padding-left: 93px;
}
.please{
font-size: 22px;
font-weight: bold;
}
</style>
</head>
<body>
<div>顾客联</div>
<br/><!--html换行符-->
<!-- font-weight:""代表字体粗细-->
<div class="please">请您留意取餐账号单</div>
<div class="me">自取顾客联</div>
<!-- 通过左边空白,用户感官是居左 -->
<div>永和大王(北三环西路店)</div>
<div>010-132649734</div>
<div class="me">--结账单--</div>
<div class="please">账单号: P000010</div>
<div>账单类型:食堂</div>
<div>人数:1</div>
<div>收银员:张静</div>
<div>开单时间:2018-04-17 07:24:29</div>
<div>结账时间:2018-04-17 07:24:38</div>
<!-- 虚线:默认为实线,换线性 -->
<hr style="border:1px dashed;"/>
<!-- 表格table:表头行tr/th,普通行tr,单元格td;没有列! -->
<table border="0">
<tr>
<td width="30" align="center">数量</td>
<td width="150" align="center">品项</td>
<td width="50" align="right">金额</td>
</tr>
<tr>
<td valign="top">1</td>
<td>玉米肉松蛋饼2P<br/>
1 X --玉米肉松蛋饼<br/>
1 X --现磨豆浆(热/甜)
</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="193" align="right">8.00</td>
</tr>
<tr>
<td width="40">微支付</td>
<td width="193" align="right">8.00</td>
</tr>
</table>
<hr style="border:1px dashed;"/>
<div>打印时间:2018-04-17 07:24:38</div>
<hr style="border:1px dashed;"/>
<div style="padding-top: 20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定,电子发票的开票日期同网上申请电子发票的日期,如您需要当日的电子发票请务必在消费当日通过扫描下方二维码,根据指引步骤开具您的增值税电子普通发票。此二维码30天有效,扫描时请保持小票平整。</div>
<br />
<!-- 相对路径访问图片 -->
<img src="image/qr.png" style="padding-left: 90px;">
<div>官网: www.yonghe.com.cn</div>
<div>加盟热线: 86-21-60799397</div>
<br /><br />
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化