小程序--商品列表

商品列表
点击商品，进入商品列表，如图x-x所示。
![](/media/202311/2023-11-10_141746_410703.png)
商品列表查看商品信息（商品名称、商品图片、商品价格、商品销量），顶部搜索框点击可进行商品搜索。
点击列表切换，切换成单行展示模式，如图x-x所示。

![](/media/202311/2023-11-10_141802_761600.png)
点击筛选功能栏（全部商品、最新、销量、价格），可对商品列表商品进行筛选、排序，如图x-x所示。

![](/media/202311/2023-11-10_141812_977807.png)
商品详情
点击商品图片，进入商品详情，如图x-x所示。

![](/media/202311/2023-11-10_141823_429725.png)
品详情具有商品搜索、商品信息（商品图片、商品单价、商品销量、商品名称）、优惠券领取、商品评价、商品详情、返回首页、进入购物车、加入购物车、立即购买功能。
商品搜索：点击顶部搜索框，进入商品搜索功能。
商品信息：商品图片（至多9图滑动展示）、商品单价、商品销量、商品名称。
优惠券领取：点击领取优惠券，无可领取优惠券则不展示。
商品评价：可查看已完成订单的用户对于商品的评价、打分、附图。
商品详情：查看商品详情图文信息介绍。
返回首页：点击首页按钮返回首页。
进入购物车：点击购物车按钮进入购物车。
加入购物车：点击加入购物车按钮，弹出功能，如图x-x所示，显示商品库存数，填写或按钮确定商品数量后，点击确定加入购物车，购物车按钮显示商品数量。

![](/media/202311/2023-11-10_141835_058349.png)
立即购买：点击立即购买按钮，弹出功能，如图x-x所示。

![](/media/202311/2023-11-10_141847_150589.png)
显示商品库存数，填写或按钮确定商品数量后，点击确定，进入订单结算界面，如图x-x所示。

![](/media/202311/2023-11-10_141906_701441.png)

①收货地址：默认为默认地址，点击选择其他收货地址。
②商品信息：显示商品图片、商品名称、商品单价、商品数量。
③商品金额、运费、优惠券：显示总商品金额、商品对应运费、自动选择商品最大优惠券，点击可更换优惠券。
点击去支付进行微信支付，支付完成完成购买操作。