座位图体系项目导航

点个Star呗

if this project is useful to you 😄 , Please star this project~

如果这个项目对你有帮助 😄 请点个star吧~

请使用微信扫描二维码查看demo

img

此次项目是基于vue编写的类似淘票票和猫眼的电影移动端锁座页面,经过超过百个影厅的测试,其中包含功能

  • 座位图生成
  • 座位预览图生成
  • 座位留空检测
  • 座位智能选择最优座位算法
  • 自适应影厅大小
  • 座位图左侧导航栏的过道检测
  • 普通座位的选择逻辑
  • 情侣座位的选择逻辑

项目截图

img

赞助者名单

首先特别感谢赞助者的所有朋友们,真的特别感谢!(所有贡献者列表请在此处)

点击此处展开查看赞助最多的几位朋友

  1. *磊 (KaelLuo) (¥6.66)
  2. *磊 (涅槃) (¥100)
  3. *升平 (¥8.88)
  4. 随影sky (¥66.6)

智能选座示例

以下为多个影厅的智能选座gif图演示

img

img

img

智能选座示例

以下为空位检测逻辑gif图演示

img

目录结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.
├── app.js
├── app.json
├── app.wxss 
├── components //头部自定义组件
│   ├── head.js
│   ├── head.json
│   ├── head.wxml
│   └── head.wxss
├── data
│   └── json.js //mock数据
├── images //图片文件夹
├── pages
│   ├── about //关于页面
│   │   ├── about.js
│   │   ├── about.json
│   │   ├── about.wxml
│   │   └── about.wxss
│   └── seat-select //座位图页面
│       ├── seat-select.js
│       ├── seat-select.json
│       ├── seat-select.wxml
│       └── seat-select.wxss
├── project.config.json //小程序项目配置文件(默认生成)
├── sitemap.json //小程序项目文件(默认生成)
└── style
    ├── icon.wxss //icon图标css
    └── main.wxss //公共的css

如何导入项目

  1. 下载好代码(别忘了点star哦~)
  2. 使用微信开发者工具选导入项目,appid选择测试id

讨论

欢迎加群讨论: 3544395 (最近有小伙伴反应搜不到群,还有我这边接不到审核)

如果搜不到的情况 加作者的个人qq 424115114

其他项目

最近开发了一个垃圾分类的小程序 需要的朋友可以关注以下~

img