微信小程序组件加入购物车全套 one wxml

2024-09-27 08:09:17

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

<view class="container carts-list">

<view wx:key="isshop" wx:for="{{carts}}" class="carts-item" >

<view class="carts-choice">

<icon wx:if="{{item.selected}}" type="success" color="rgba(255,51,0,1)" size="30" bindtap="bindCheckbox" data-index="{{index}}"/>

<icon wx:else type="success" color="rgba(255,51,0,0.1)" size="30" bindtap="bindCheckbox" data-index="{{index}}"/>

</view>

<view class="carts-image">

<image src="{{item.image}}"></image>

</view>

<view class="carts-text">

<view class="carts-title">

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

</view>

<view class="carts-subtitle">

<text>￥{{item.price}}</text>

</view>

<view class="stepper">

<text class="{{minusStatuses[index]}}" disabled="true" data-index="{{index}}" bindtap="bindMinus">-</text>

<view class="number" bindchange="bindManual">{{item.num}}</view>

<text class="normal" data-index="{{index}}" bindtap="bindPlus">+</text>

</view>

</view>

<view class="delete">

<view class="delete-img" bindtap="deleteList" data-index="{{index}}">

<image src="../../imgs/car/shopping_del.png"></image>

</view>

</view>

</view>

</view>

<!-- <toast show="{{toastHidden}}" bindchange="bindToastChange">

{{toastStr}}

</toast> -->

<!-- <toast show="{{toastHidden}}" bindchange="bindToastChange">

加载

</toast> -->

<view class="carts-footer">

<view class="all-chioce">

<view class="footer-left">

<icon wx:if="{{selectedAllStatus}}" type="success" color="rgba(255,51,0,1)" size="30" bindtap="bindSelectAll"/>

<icon wx:else type="success" color="rgba(255,51,0,0.1)" size="30" bindtap="bindSelectAll"/>

<text>全选</text>

</view>

<view class="footer-right">

<view class="right-text">

<text>合计</text>

<text>{{total}}</text>

</view>

<view class="free">

<text>不含运费及优惠</text>

</view>

</view>

</view>

<view class="button">立即结算</view>

</view>

</view>

<view wx:if="{{!hasList}}" class="">

<text>购物车为空的时候的布局</text>

<view class="" bindtap="tobackHome" >返回首页</view>

</view>

最新文章

热门文章