card如何添加复选框 vant_用vant-weapp写一个购物车

vant-weapp介绍

vant-weapp是有赞出品的，前端组件库，既然出自有赞之手，必然是尤其适合于做一个商城项目，它移植于vant-ui，后者有的特性大部分都已经实现。vant-ui找了好久，都没有发现购物车业务组件，我就从自家的有赞精选这个小程序的购物车搬一份过来。

参考目标页

官方文档

安装

npm i @vant/weapp -S --production

编译

打开微信开发者工具，点击 工具 -> 构建 npm，并勾选 使用 npm 模块 选项，构建完成后，即可引入组件

引入各组件

1.Card 商品卡片组件

先在自己的购物车页面的cart.json配置文件加上如下代码

"usingComponents": {

"van-card": "/miniprogram_npm/@vant/weapp/card/index"

}

以此类推，依次引入其他组件

2.引入Stepper 步进器组件

3.引入SubmitBar 提交订单栏组件

4.引入SwipeCell 滑动单元格组件