vue饿了么学习-第三篇(需求分析)

1.对饿了么app进行分析,版面分为以下部分:顶部头,横导航栏,左边商品导航栏,右侧商品展示。


顶部头通常不变,


横导航栏,在进行切换的时候,会有颜色变化,


左侧商品导航栏+右边商品展示,超出内容,可以上下滑动,上部滑动边界不能影响到横导航栏。


左侧商品导航栏显示状态分为选中/未选中,


右侧商品展示,点击加号的时候,会有一个小球抛出的动画效果展示,掉入购物车中。


操作购物车的商品,对应右侧商品展示的数量,也出现对应的变化。


2.商品详情展示,版面分为以下部分:顶部商品大图,评论部分。


评论部分超出长度,可以滑动,并不影响上面头部。


3.切换横导航栏,到商品评论页,该版面分为:顶部商家名,商家整体评分,买家评论区。


4.切换横导航栏,到商家详情页,该版面分为:顶部商家名,商家地址,联系方式等。




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值