一、首页详情介绍

（一）轮播图介绍

1. 以轮播图的形式展示店铺热销产品或新品等；

2. 更容易让用户了解更多店铺经营产品，眼前一亮。

（二）搜索框搜索产品

1. 无需翻阅，直接输入饮品名称即可；

2. 方便用户直接查找自己所需要的饮品。

（三）图片加标题海报展示

1. 标题海报以一种新型的方式展示该品类饮品的特征及描述；

2. 饮品图片让用户更加直接的查看饮品的详情；

3. 开头的文字描述，作为品类的分类，例如新品展示，爆款展示等，吸引顾客。

（四）底部导航菜单

1. 以导航栏的形式展示各个主要页面；

2. 方便用户跳转到相关页面进行操作。

二、饮品详情介绍

（一）点餐类型组件进行分类

1. 将店铺饮品添加到后台，即可在列表中展示；

2. 方便用户浏览店铺饮品详情；

3. 选择需要的饮品，以及选择合适的温度、甜度、添加小料等操作。

（二）点击支付跳转页面

1. 立即下单按钮点击后，会跳转到支付页面；

2. 减少中途其余操作环节，促使用户快速付款。

三、购物车详情介绍

（一）商品展示

1. 对用户加入购物车的商品进行展示；

2. 用户可在购物车内进行直接操作。

（二）优惠详情的展示

1. 详细的向用户展示优惠明细；

2. 该列表支持展开以及收起的操作。

四、我的详情介绍

（一）根据基本图标制定所需信息

1. 根据需求在页面中布置所需功能；

2. 详情功能可咨询客服，部分功能付费版本方可使用。

（二）根据导航设置功能组件

1. 众多功能以导航栏的形式展示，更加整齐明了；

2. 方便用户及时查看相关记录。

五、其他页面介绍

（一）订单支付页

1. 通过支付按钮跳转到该页面；

2. 用户可以查看订单详情信息；

3. 可以选择不同的支付方式进行支付。

（二）订单状态页

1. 根据用户的订单状态，分出四项列表；

2. 分别展示各个状态下的产品信息；

3. 方便用户进行操作。