微信小程序 ——多商家商城 购物车

搜的都是单个店铺的,经过一番折腾,改了改,还凑合吧,直接上代码,不足之处多多指点
在这里插入图片描述在这里插入图片描述

  1. wxml
<!--pages/shoppingCart/shoppingCart.wxml-->
<view class='container' hidden="{
  {iscart}}">
  <view class='header'>
    <text class='title'>购物车</text>
    <block wx:if="{
  {isDelete==0}}">
      <text class="icon-right green" bindtap="getEdit">编辑</text>
    </block>
    <block wx:else>
      <text class="icon-right green" bindtap="getEdit">完成</text>
    </block>
  </view>
  <view class="cart-list">
    <view class="cart-box" wx:for='{
  {cartList}}' wx:for-index="idx" wx:key="*">
      <view class="cart-shop" >
        <icon type="circle" size="23" wx:if="{
  {!item.shopCheck}}" bindtap='storeselected' data-index="{
  {idx}}"></icon>
        <icon type="success" size="23" wx:if="{
  {item.shopCheck}}" bindtap='storeselected' data-index="{
  {idx}}"></icon>
        <view class="shop-name">{
  {item.shop_name}}</view>
      </view>
      <view class='section section-good'>
          <view class='good' wx:for='{
  {item.goodsList}}' wx:key="{
  {index}}">
            <icon type="circle" size="23" wx:if="{
  {!item.check}}" bindtap='goodsselected' data-index="{
  {index}}" data-select-index="{
  {idx}}" data-goodsid="{
  {item.goods_id}}"></icon>
            <icon type="success" size="23" wx:if="{
  {item.check}}" bindtap='goodsselected' data-index="{
  {index}}" data-select-index="{
  {idx}}" data-goodsid="{
  {item.goods_id}}"></icon>
            <image class='cover' src='{
  {item.cover}}'></image>
            <view class='content'>
              <view class='text name'>{
  {item.name}}</view>
              <view class='stepper'>
                <view class='text price'>¥{
  {item.price}}</view>
                <view class='subtract {
  {item.count == 1 ? "disabled": ""}}' data-index="{
  {index}}" bindtap='reduce' data-select-index="{
  {idx}}">-</view>
                <input class='count' type='number' value='{
  {item.count.quantity}}' disabled='disabled'></input>
                <view class='add' bindtap='add' data-index="{
  {index}}" data-select-index="{
  {idx}}">+</view>
              </view>
            </view>
          </view>
      </view>
    </view>
  </view>

  <view class='section-bottom'>
  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值