扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家介绍小程序开发中如何实现一个简单的购物车功能，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
1、购物车界面功能实现
先来弄清楚购物车的需求。
根据设计图，我们可以先实现静态页面。接下来，再看看一个购物车需要什么样的数据。
首先是一个商品列表(carts)，列表里的单品需要：商品图(image)，商品名(title)，单价(price)，数量(num)，是否选中(selected)，商品id(id)
然后左下角的全选，需要一个字段(selectAllStatus)表示是否全选了右下角的总价(totalPrice)最后需要知道购物车是否为空(hasList)
知道了需要这些数据，在页面初始化的时候我们先定义好这些。
2、下面是代码
{{item.title}} ￥{{item.price}} - {{item.num}} + x 全选 ￥{{totalPrice}} 购物车是空的哦
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网