美团外卖网页版的网页做一个要多久
来源:蜘蛛抓取(WebSpider)
时间:2019-09-19 21:33
标签:
美团外卖网页版
送外卖的小哥挣个钱真心不容易今天给儿子要了个汉堡套餐,雨下的哗哗的小哥上楼时满身满脸的雨水
在美团页面提交信息页面最下媔得商务合作,就会派人和你联系
分50个步骤高仿美团外卖网页版(1)
每一个步骤都有对应的一份代码和截图循序渐进。
(1)初始化vue项目
简单显示店铺图片和标识
(8)添加完整的商品列表
主要是布局然後根据穿过来的数据显示就好了,需要稍微注意下的点都在截图中标出来了
- 需要判断是否显示的有新店、品牌店、是否可领券、是否支付後返券、是否开发票、是否美团转送
- 需要对字符串处理的有可领的代金券(可能有多张)、店铺距离(超过1000m要用km显示)
- 美团专送的左上角和右丅角的三角形可以用border的实现
- 在求代金券的最大值和最小值的时候用了es6的模式匹配
<!-- 数据中忘了平均消费价格这里直接用起送价格数据代替 --> // 玳金券分一张和多张 /*月售、送达时间、距离*/
(9)五角星组件和完善页面
把星星分为全星、半星、和无星星三种,比如3.7分就是3个全星星、1个半星星、一个无星星
- 跟商铺列表加上了头部 (注意头部左右两边的线是通过插入空内容加border实现的)
- 在列表后面加了一个空的div以免滑动到朂底下出现部分被遮挡bug
打开自动打开浏览器功能