微信小程序——购物车单选，全选，删除，结算功能

最新推荐文章于 2023-10-12 11:48:42 发布

asteriaV

最新推荐文章于 2023-10-12 11:48:42 发布

阅读量6.8k

点赞数 10

分类专栏：微信小程序

本文链接：https://blog.csdn.net/asteriaV/article/details/107057533

版权

效果图

如下，我们要实现购物车的单选，全选，删除，结算功能：

代码

index.wxml

<view class="shop-item" wx:for="{
  {goodsList}}" wx:key="index">
<view data-id="{
  {item.id}}" bindtap="select">
<image src="{
  {item.checked?'../../assets/images/icons/checkall.png':'../../assets/images/icons/check.png'}}" class="check"></image>
<!-- <checkbox value="{
  {item.name}}" checked="{
  {item.checked}}"/> -->
</view>
<view class="shop-text">
<view>{
  {item.name}}</view>
<view class="desc">{
  {item.guige}}</view>
<view class="price">{
  {item