seat-select-wechat ( 微信小程序版)

座位图体系项目导航

  • 移动端 seat-select

  • 微信小程序 seat-select-wechat

  • 后台控制端 seat-select-controller

  • 数据接口端 seat-select-api

  • 座位JSON结构解析

点个Star呗

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

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

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

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

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

项目截图

赞助者名单

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

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

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

智能选座示例

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

智能选座示例

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

目录结构

.
├── 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

其他项目

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

使用小程序编写猫眼、淘票票、美团的智能选座移动相关推荐

  1. 微信小程序编写新闻阅读列表

    微信小程序编写新闻阅读列表 本篇学习主要内容 Swiper 组件(轮播图) App.json 里的关于导航栏.标题的配置. Page 页面与应用程序的生命周期 数据绑定(核心知识) 数据绑定的运算与逻 ...

  2. 仿猫眼php,微信小程序 仿猫眼实现实例代码

    微信小程序仿猫眼 实现效果图: movie.js Page({ data: { movies:null, scrollTop : 0, scrollHeight:0 }, onLoad: functi ...

  3. 使用React Native 和 微信小程序 编写的一款阅读类app ———《轻松一刻》

    一款纯React Native原生代码 和 微信小程序 编写的app React Native源码地址:https://github.com/azhon/Time 微信小程序源码地址:https:// ...

  4. 微信小程序仿京东淘宝商品排序

    微信小程序仿京东淘宝商品排序 效果图如下所示 仿京东微信小程序视频请加QQ:1010753897 下载地址:https://download.csdn.net/download/qq_43764578 ...

  5. 小程序动态class_会后剧透!百度智能小程序的最新动态都在这儿了!

    月活突破5亿,入驻智能小程序数量42万. 这是百度智能小程序在万象-百度2020移动生态大会上交出的最新成绩单.当天,百度方面还以"生态进化,共创共荣"为主题,召开了智能小程序分论 ...

  6. 外卖CPS小程序部署指南,个人获取美团外卖小程序跳转链接

    外卖CPS小程序部署指南,个人获取美团外卖小程序跳转链接 上次利用闲暇时间弄了个外卖CPS小程序,并把代码开源出来,还是有挺多小伙伴来领取源码的.不仅有同行的人,还有跨行的人,也摸索着搞出来小程序推一 ...

  7. 程序猿为自己开发了一款点外卖领优惠券和红包的小程序(饿了吗,美团平台)

    程序猿为自己开发了一款点外卖领优惠券和红包的小程序(饿了吗,美团平台) 2020年即将过去.回想起这一年忙忙碌碌.酸甜苦辣.996.都通通经历过了.代码写了不少.bug也是很多. 这一年,最值得一提的 ...

  8. 基于uniapp+vue+微信小程序+安卓app电影院订票小程序H5网站设计

    开发技术:uniapp + vue + ElementUI + 微信小程序 + 安卓app + Springboot 开发工具环境:HBuilder + 微信开发者工具 + VsCode + Idea ...

  9. 铁路12306微信小程序发布:支持余票查询、添加行程,让出行变得更加方便,你觉得了

    12月26日消息,今天,中国铁路12306推出了微信小程序App,用户需要使用微信号登录,12306小程序的界面十分整洁,可以进行余票查询.时刻表查询.正晚点查询等. 另外12306小程序还已经上线了 ...

最新文章

  1. 使用扩展的 CodeIgniter 框架实现 RESTful 框架
  2. 理财心理陷阱之:年终奖——年末的虚假繁荣
  3. vue2 + vue-router + vuex + iview 入门项目
  4. 可以由指令直接指定的I/O端口数(一共256个,从0到255一共256个端口号)
  5. 201571030335/201571030320《小学四则运算练习软件软件需求说明》结对项目报告
  6. 【数据结构与算法】之树的概念与使用
  7. Oracle中的事务之savepoint
  8. SAP C4C Lead明细页面里Account字段的绑定路径
  9. spring对事务的控制 AOP
  10. “约见”面试官系列之常见面试题之第一百零一篇之vue-router传参(建议收藏)
  11. Linux学习总结(43)——企业运维最常用的150个Linux命令
  12. VC++6.0与VS2010的区别
  13. 不刷新改变/更换URL: pushState + Ajax
  14. 一个强大的 JS 代码混淆工具
  15. 关于WPF界面框架合集
  16. Markdown使用手册
  17. python二分法求函数零点_在SciPy/NumPy中求复函数的零点
  18. 政府推荐:房屋租赁合同电子版模板出租房个人住房商业租房Word协议书范本
  19. ios适配iPhone和iPad
  20. 中国首部房地产行业电子签名应用白皮书发布,法大大编写

热门文章

  1. 云计算网络极速入门-混合云网络
  2. 郎朗和机器人合奏_53指机器人VS郎朗 《开学第一课》迎来史上最强人机大战
  3. 椭圆拟合理论推导和Matlab实现
  4. python汉语意思-python汉语谐音
  5. Spreading the Wealth(UVa 11300)
  6. Facebook的服务器架构
  7. 16福师硬盘是计算机的,16秋福师《计算机应用基础》在线作业一答案
  8. 2017中国国际智慧城市、物联网、大数据博览会会刊(参展商名录)
  9. 安全狗V3.512048版本绕过
  10. 人物美白+磨皮大集合