如果您在抖音上购买了万达电影券,您羡前可以通过以下步骤选择座位:
打开万达电影官方APP或者微信小程序,并登录您的账号;
在首页上选择您所在的城市、电影院、电影、放映时间和放映厅等信息,找到您想观看的电影场次;
在座位知派纤图上选座:选择您喜欢的座位,然后点击“确定”按钮进行下一步 *** 作;
确认订单信息:选择您购买的电影票数量,核对订单信息,搭仿然后点击“去支付”按钮;
选择支付方式:选择您喜欢的支付方式,并完成支付 *** 作;
支付成功后,您可以在订单中心或者电子票夹中查看您的订单和电影票信息。
注意:不同的电影院和平台可能会有所不同,具体 *** 作步骤可能会有所差异,请以实际情况为准。
在实现选座组件前,我们这里先介绍一下,我们需要的座位表数据结果
其中x、y代表这个座位在整个座位表中的横轴和纵轴坐标,下面我们就针对这个数据结果展开实现这个选座组件
下面创建并且在init初始化模版:
这里还需要动态的计算 seatComponent 和 seat-container 的大小
在渲染座位前,我们先写一个 setData 方法来注入座位信息
通过 _getWrapperSize 方法算出最大x和y,然后根据容器的大小算出每一个座位占用的大小。绝对定位每一个座位,一个座位的left:“座位大小 座位的喊御腔x+偏移量”,top:“座位大小拆逗 座位的y”,这样遍历整个座位列表我们就可以得到整个座位图:
接下去实现,拖动座位图和放大缩小功能:
这里监听容器的 touchstart 、touchmove 、touchend 判断e.touches.length长度来判断指数,进行缩放或者移动的处理。
下面写监听点击了座位的事件,并抛出外部数据
以上基本已经完成了座位表的功能,不过有一个郑衫缺点,不能根据指定缩放位置缩放
点击即可。1、打开万达电影,选择一部自己想看的电影点击进去。
2、点击下方的选座购票,选择点击一姿纤个时间段。
3、然后可以选择座位了,点击座位放大后,选择好需要的位置,接悉册罩着点击下一步。
4、等待打印订单后,点击去睁闹支付即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)