WeChat アプレットを使用すると、ショッピング中に購入できる商品の数を制限できます (コードを使用)

不言
リリース: 2018-08-10 14:45:19
オリジナル
6020 人が閲覧しました

この記事の内容は、買い物中に購入できるアイテムの数を制限できる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(&#39;超出限购&#39;);
        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(&#39;库存不足&#39;);
        return;
      }
    } else if (submit_type == 2) {  // 拼团购买
      var limited_num = this.data.collage.limited_num;
      if (goods_count > limited_num) {
        this.showTip(&#39;超出限购&#39;);
        return;
      }
    }

    if (!(/^[\d]+\.?\d*$/.test(goods_count))) {
      goods_count = goods_count.replace(/\D/g, &#39;&#39;);
      return goods_count ? goods_count : 1;
    }
    if (goods_count < 1) {
      return 1;
    }
    this.setData({
      goods_count: goods_count
    });
  },
ログイン後にコピー

関連する推奨事項:

WeChat アプレットの下部 tarbar をカスタマイズするためのコード実装

WeChat アプレットの例: ナビゲーション バーが一緒に移動するときの上部タブの切り替えとスライド切り替えの効果を実現します (コード)

以上がWeChat アプレットを使用すると、ショッピング中に購入できる商品の数を制限できます (コードを使用)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート