if this project is useful to you :D , Please star this project~
如果这个项目对你有帮助 :D 请点个star吧~
此次项目是基于vue编写的类似淘票票和猫眼的电影
移动端
锁座页面,经过超过百个影厅的测试,其中包含功能
- 座位图生成
- 座位预览图生成
- 座位
留空
检测- 座位智能选择
最优座位
算法- 自适应影厅大小
- 座位图左侧导航栏的过道检测
- 普通座位的选择逻辑
- 情侣座位的选择逻辑
- 文档补全,功能实现解析
后台控制端,可以编辑座位图提供接口生成座位图JSON(2019.06.03开发完成,参考项目导航)
首先特别感谢赞助者的所有朋友们,真的特别感谢!(所有贡献者列表请在此处)
点击此处展开查看赞助最多的几位朋友
- *磊 (KaelLuo) (¥6.66)
- *磊 (涅槃) (¥100)
- *升平 (¥8.88)
以下为多个影厅的智能选座gif图演示
以下为空位检测逻辑gif图演示
该项目引用到的外部常用组件
.public
├── index.html
└── mock
└── seatLove.json(mock数据在这里)
.src
├── App.vue --(入口组件)
├── assets --(静态文件)
│ ├── images
│ │ └── loading.gif --(加载图片)
│ └── stylus
│ ├── golbal.styl --(全局styl)
│ └── reset.styl --(移动端重写CSS)
├── components --(公用组件)
│ ├── Header.vue --(头部公用组件)
│ └── loading.vue --(载入公用组件)
├── http.js (axios工具类)
├── main.js (vue入口js)
├── pages --(组件目录)
│ └── hallseat
│ ├── HallSeat.vue --(选座父组件)
│ └── component --(选座子组件目录)
│ ├── ConfirmLock.vue --(确认选择组件)
│ ├── PlanDetail.vue --(电影信息组件)
│ ├── QuickSelectTab.vue --(智能选座组件)
│ ├── SeatArea.vue --(座位图生成组件)
│ └── SelectedTab.vue --(已选座展示组件)
└── router.js
npm install
npm run serve
npm run build
欢迎加群讨论: 3544395
写代码不易...请作者喝杯咖啡呗?
(PS: 支付的时候 请带上你的名字/昵称呀 会维护一个赞助列表~ )
最近开发了一个垃圾分类的小程序 需要的朋友可以关注以下~