Advertisement

微信小程序-checkbox组件-购物车金额勾选案例-16

阅读量:

首先需要构建一个具备购物车功能的模块,依据用户所勾选的不同商品种类,实时计算并展示已选商品的总金额。

1. 结构搭建

复制代码
 <view wx:for="{{checkList}}" wx:key="index" class="box">

    
   <checkbox bindtap="handleChecked" data-index="{{index}}" checked="{{item.isChecked}}"></checkbox>
    
   <view class="box">
    
     <view> 姓名:{{item.name}}|</view>
    
     <view> 存款:{{item.price}}</view>
    
   </view>
    
 </view>
    
    
    
    
复制代码
 checkList:[

    
       {
    
     id:1,
    
     name:"小明",
    
     price:18,
    
     isC

全部评论 (0)

还没有任何评论哟~