随着疫情的逐渐减轻,有一部分小伙伴已经开始了自己的出游计划,出去玩必须得住得好,今天分享的案例是关于酒店民宿的小程序。
该页面分为:搜索框、轮播图、功能键、列表
1、搜索框执行按标题关键字进行模糊搜索功能,搜索空内容表明刷新当前页,回到初始进入页面状态,记录上页搜索内容
2、5张轮播图写活,实现自动滚动
3、功能键包括加入会员、预订指南功能,点击分别进入详情
酒店详情
包括顶部图、酒店信息、酒店房型、酒店介绍、游玩攻略
1、顶部图后台写活,点击可查看大图
2、酒店信息:展示酒店标题、副标题,后台可添加酒店经纬度、电话号码,支持一键导航,一键拨号功能
3、酒店房型:展示房间图片、房间标题、房间副标题、房间价格
4、点击‘查看房间列表’页面可查看房间列表
5、酒店介绍、游玩攻略为富文本模块
查看房间列表
此页面为房间的列表页面,按照后台发布的时间顺序倒序排列。
立即预定
这描述模块:房间信息、轮播图、房间设施、房间介绍
1、房间信息:房间标题、房间副标题、房间价格
2、顶部5张轮播图写活,实现自动滚动,最多上传5张,只上传单张时,不自动滚动。点击可查看大图
3、房间设施:后台写活,可上传图标、小标题(限制5个字)。
4、房间介绍,后台写活富文本
5、点击立即预订页面,可选择预约日期
选择日期
1、最多可选择连续两晚,也可以一晚。
2、后台可以设置选择房间不可预订的日期,前台页面显示“满”字样。
3、底部“确定”按钮固定屏幕下方
4、选中天数后底部统计共计1晚还是两晚。
1、订单详情:展示下单的酒店和房间详情
2、表单:入住人为文本框输入、联系电话限制11位数字、预计到店时间点击下拉选择时分。
3、温馨提示为后台写活富文本模块
4、底部功能键固定在页面底部,支付价格为房间价格(退房后原路退还)
5、点击明细,弹出价格明细浮层,展示房费价格、保证金价格(与房费价格相同)。
订单详情中包括预定酒店的全部信息
END
愿你我既能朝九晚五,又能浪迹天涯
转载请注明:http://www.0431gb208.com/sjslczl/5088.html