uni-app微信小程序——商城（5）——购物车

基于Vue语法，使用uni-app框架来实现微信小程序中的购物车功能。

实现购物车的全选，多选，计算总价，删除商品等功能。

结合使用Vant Weapp微信小程序前端框架来搭建购物车页面。

效果图如下：

效果视频如下：

微信小程序购物车录屏

百度云视频，链接：https://pan.baidu.com/s/1QQHIIT58woini-ggPmrzIA 
提取码：xzs8

其中单个的商品可以使用左滑进行删除，视频没有体现出来，但是功能还是齐全的。

下面是代码部分：

数据是自己写的本地数据，如果使用后台数据，可以在mounted(){}中使用axios进行数据的加载。

除了一些基本的全选，计算操作，我还设置了从本地缓冲中获取数据，就是商品如何添加到购物车，首先需要在main.js中引入vuex，然后把商品的信息保存到store中，然后uni.getStorageSync()获取缓存在本地的数据，添加到原有的购物车数组中。

这篇文章就写到这啦~如果文章中不好的地方，望斧正。