WeChat 애플릿을 사용하면 쇼핑 중에 구매할 수 있는 품목 수를 제한할 수 있습니다(코드 포함).

본 글의 내용은 쇼핑 중 구매할 수 있는 상품 수를 제한할 수 있는 위챗 애플릿에 관한 것입니다. (코드 포함) 도움이 필요한 친구들이 참고하면 좋겠습니다. 당신에게.

표시 효과는 다음과 같습니다.

하단 2개는 팝업박스를 사용하며, submit_type의 종류를 다르게 해서 낱개구매인지, 무료배송 단체인지 구별이 가능합니다

wxml 코드는 다음과 같습니다.

 <view class="num-box">
      <view class="weui-media-box__bd">
          <view class="promotion-sku clear">
             <view class="Spinner">
                <a wx:if="{{goods_count==1}}" class="DisDe">
                     <i bindtap="minusCount" data-index="{{index}}" class="DisDe">-</i>
                </a>
                <a wx:if="{{goods_count>1}}" class="Decrease">
                     <i bindtap="minusCount" data-index="{{index}}" class="DisDe">-</i>
                </a>
             <view>
              <input class="Amount" bindinput="changeCount" type=&#39;number&#39; value="{{goods_count}}" autocomplete="off" maxlength="3"  data-submit_type="{{submit_type}}" />
           </view>
                <a class="Increase">
                   <i bindtap="addCount" data-index="{{index}}" data-submit_type="{{submit_type}}">+</i>
                </a>                   
          </view>
         </view>
      </view>
 </view>

data-submit_type="{{submit_type}}"의 submit_type은 개별 구매인지 단체 구매인지 결정하는 데 사용됩니다. js 코드는 다음과 같습니다.

// 增加数量
  addCount(e) {
    // 购买类型，单独购买或拼团购买
    let submit_type = e.target.dataset.submit_type;
    var goods_count = this.data.goods_count;
    goods_count = parseInt(goods_count) + 1;
    //debugger
    if (submit_type == 2) {  // 拼团购买
      var limited_num = this.data.collage.limited_num;
      if (goods_count > limited_num) {
        this.showTip('超出限购');
        return;
      }
    }
    this.setData({
      goods_count: goods_count
    });
  },
// 改变数量(input内的值)
  changeCount(e) {
    var goods_count = e.detail.value;

    let submit_type = e.target.dataset.submit_type;
    if (submit_type == 1) {
      var sys_num = this.data.goods_num;
      if (goods_count > sys_num) {  // 单独购买
        this.showTip('库存不足');
        return;
      }
    } else if (submit_type == 2) {  // 拼团购买
      var limited_num = this.data.collage.limited_num;
      if (goods_count > limited_num) {
        this.showTip('超出限购');
        return;
      }
    }

    if (!(/^[\d]+\.?\d*$/.test(goods_count))) {
      goods_count = goods_count.replace(/\D/g, '');
      return goods_count ? goods_count : 1;
    }
    if (goods_count < 1) {
      return 1;
    }
    this.setData({
      goods_count: goods_count
    });
  },

관련 권장 사항:

WeChat 애플릿의 하단 타르바를 사용자 정의하기 위한 코드 구현

WeChat 애플릿 예: 탐색 모음이 함께 움직일 때 상단 탭 전환 및 슬라이딩 전환 효과 실현(코드)

위 내용은 WeChat 애플릿을 사용하면 쇼핑 중에 구매할 수 있는 품목 수를 제한할 수 있습니다(코드 포함).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!