One-boarding

项目概述

one-boarding 可用于生成一个美观、自定义的登机牌界面，包含真实可用的乘机二维码（根据 IATA Bar Coded Boarding Pass 格式生成）

项目结构

项目主要包含单一 html 文件，方便部署

文件说明

• index.html：主要的 HTML 文件，包含页面的整体结构、登机牌信息展示以及简易的信息输入框
• img/*：航司 logo

页面功能

登机牌信息展示

• 航班信息：显示航班号、航班日期、出发机场和到达机场的信息
• 乘客信息：包括乘客姓名、票号、会员ID 和会员等级等信息
• 登机信息：显示登机时间、舱位代码、座位号和登机口等信息
• 二维码：生成真实可用的乘机二维码

使用方法

1. 克隆或下载本项目到本地
2. 打开 index.html 文件，即可在浏览器中查看登机牌页面
3. 点击“使用演示信息”按钮可以弹出模态框，在模态框中输入相关信息，即可生成包含信息的 url

注意事项

• 页面中的图片路径需要根据实际情况进行调整，确保logo文件存在于正确的路径下。当前支持四川航空3u、春秋航空9c、中国国际航空ca、中国南方航空cz、海南航空hu、厦门航空mf、中国东方航空mu，可自行添加。

TODO

• 分享到微信

兼容性

在现代浏览器（如 Chrome、Firefox、Safari 等）中进行了测试。旧版本的浏览器中可能会出现样式或功能问题