您的位置:首页 > 产品设计 > UI/UE

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

2017-09-05 17:19 232 查看
1.对饿了么app进行分析,版面分为以下部分:顶部头,横导航栏,左边商品导航栏,右侧商品展示。

顶部头通常不变,

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

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

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

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

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

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

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

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

4.切换横导航栏,到商家详情页,该版面分为:顶部商家名,商家地址,联系方式等。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: