前端微信小程序生鲜类仿爱鲜蜂微信小程序

需求描述及交互分析
设计思路和相关知识点
首页界面布局设计
闪送超市纵向导航设计
商品添加到购物车设计
购物车商品显示设计
收货地址列表显示设计
新增收货地址设计
前端微信小程序生鲜类仿爱鲜蜂微信小程序_第1张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第2张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第3张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第4张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第5张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第6张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第7张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第8张图片

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第9张图片

交互分析
(1)底部标签导航有首页、闪送超市、购物车、我的,单击不同底部标签导航显示对应的界面内容;
(2)首页通过幻灯片轮播效果,动态展示商品广告信息;
(3)首页商品可以动态添加到购物车里,数据保存到本地;
(4)闪送超市通过纵向的导航方式,显示商品的类目,根据不同的导航名称显示对应的商品内容;
(5)闪送超市里的商品可以动态添加到购物车里,数据保存到本地;
(6)购物车可以动态展示订单信息,以及对商品的数量的增加、减少进行动态的操作;

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第10张图片

首页界面布局设计
闪送超市纵向导航设计
添加商品到购物车设计
购物车商品显示设计
收货地址列表显示设计
新增收货地址设计


若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。


请点赞!因为你们的赞同/鼓励是我写作的最大动力!

欢迎关注达叔小生的简书!

这是一个有质量,有态度的博客

前端微信小程序生鲜类仿爱鲜蜂微信小程序_第11张图片

你可能感兴趣的:(前端微信小程序生鲜类仿爱鲜蜂微信小程序)