扫码购物小程序开发制作

扫码购物小程序系统架构

商品详情：个人中心、购物车、商品信息、扫码换购、立即购买

个人中心：商品详情、购物车、个人信息、尊贵会员、我的订单、视力档案、地址管理、服务订单、发票管理、活动

购物车：商品购买

扫码购物小程序页面详细介绍

商品详情

1、左上角除了个人中心以外还新增了一个购物车跳转页面

2、把状态栏和导航栏都利,用了起来把原来16:9的banner尺寸改成为1:1同时还增加了视频(当视频状态下则在1:1上下中间选取16:9的范围)。

3、可配镜片系列 的呈现开始在1.0是想要给顾客预先展示该品类可以搭配哪些镜片，经过用户调查数据，此模块对于用户来讲意义不大，反而会造成用户操作的干扰; 进而根据业务需求调整，解决定位不准无法拉取用户所在的门店，增加了服务门店板块的显示。

镜片选购

1、镜架更换按钮表达不够清晰，更改为直接通过点击商品图片来进行更换

2、显示验光数据信息在当前页面不是重要信息、且也不需要模块占屏面积过大，所以把数据信息和商品名称放在了一起只显示重要的度数信息( 依旧保留查看和更换》;节省更多的空间展示镜片信息。

3、镜片的搭配选择，借鉴了自助点餐模式，把大类选项的tab放置左侧进行切换，右边选择镜片。

个人中心

1、在左上角和商品详情页一样可以一键跳转到购物车。

2、除了在对色调上做了调整也对每个模块进行了重新的微调，让页面看上去饱满和有条理。

尊贵会员

1、在设计1.0版本会员卡上，领导说要有钱的感觉，于是从RMB10元上选取了一个颜色;虽然有了钱的感觉，但因为主色调是灰色缘故，整个页面整体上比较素。到了2.0的版本上，采用了VI上有的黑、加上领导需要的五颜六色白使整个页面视觉上没有1.0的单调。

2、除了在对色调上做了调整也对每个模块进行了重新的微调，让页面看上去饱满和有条理。