微信小程序购物车功能实现

wxml文件

<!--pages/cart/cart.wxml-->

< block wx:if= "{ {hasList}}">

< view class= "cart-box" >

<!-- wx:for 渲染购物车列表 -->

< view wx:for= "{ {carts}}" wx:key= "key" class= "cart_container">

<!-- wx:if 是否选择显示不同图标 -->

< view class= "item-select">

< icon wx:if= "{ {item.selected}}" type= "success" color= "red" bindtap= "selectList" data-index= "{ {index}}" / >

< icon wx:else type= "circle" bindtap= "selectList" data-index= "{ {index}}" / >

</ view >

<!-- 点击商品图片可跳转到商品详情 -->

< navigator url= "../post/post?id={ {item.goods_id}}">

< image class= "item-image" src= "{ {item.original_img}}" ></ image >

</ navigator >

< view class= "column">

< text class= "title">{ {item.goods_name}} </ text >

< view class= "row">

< text class= "sku-price">￥{ {item.shop_price}} </ text >

<!-- 增加减少数量按钮 -->

< view class= "sku">

< text bindtap= "minusCount" data-index= "{ {index}}">- </ text >

< text >{ {item.num}} </ text >

< text bindtap= "addCount" data-index= "{ {index}}">+ </ text >

</ view >

</ view >

</ view >

<!-- 删除按钮 -->

< text bindtap= "deleteList" data-index= "{ {index}}" class= 'del' data-delId= "{ {item.goods_id}}"> × </ text >

<