【实践】仿京东商城小程序（附源码）

  最近学习使用小程序开发开发咐喊颂了一款仿京东商城小程序效果如下：

  仿京东商城小程序基本实现首页搜索、商品分类列表、购物车等功能衡郑，项目结构如下：

  购物车功能示例，在pages下创建shoppingCart.wxml文件：

  样式shoppingCart.wxss:

  购物车实现的功能主要有选择商品，加减商品数量、全选、反选、结算等，渗饥实现逻辑如下：

您好！很高兴能为您解答， 　 梁明设计橡镇告思路：

一、从网络上传入以下Json数据格式的数组 1.购物车id：cid 2.标题title 3.数量num 4.图片地址 5.价格price 6.小计 7.是否选中selected

二、点击复选框toggle *** 作 如已经选中的，经点击变成未选中，反之而反之 点击依据index作为标识，而不用cid，方便遍历

三、全选 *** 作 首次点击即为全部选中，再次点击为全不选，全选按钮本身也跟随toggle变换

四、点击结算按钮，将已选中的cid数组取出，以旅旦供通过网络提交到服务端，这里给个toast作为结果演示。

五、利用stepper作加减运算，同样依据index作为标识，点完写回num值。

六、布局，全选与结算按钮底部对齐，购物车商城自适应高度，类似于Android的weight。

微信小程序设置9.9元两杯方法：

1、微信小程序中打开商品管理。

2、点击新建商品输入商品名称价格库存等信息。

3、点击规格添加9.9元两杯点击保存。或运

4、最后点击上架完成9.9元两激团清杯的明前设置。

---