Heim > WeChat-Applet > Mini-Programmentwicklung > Mit dem WeChat-Applet können Sie die Anzahl der Artikel begrenzen, die Sie beim Einkaufen kaufen können (mit Code)

Mit dem WeChat-Applet können Sie die Anzahl der Artikel begrenzen, die Sie beim Einkaufen kaufen können (mit Code)

不言
Freigeben: 2018-08-10 14:45:19
Original
6037 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit dem WeChat-Applet, das die Anzahl der Artikel implementiert, die beim Einkaufen gekauft werden können. Es hat einen gewissen Referenzwert. Ich hoffe, es wird hilfreich sein zu dir.

Der Anzeigeeffekt ist wie folgt:

Die beiden Unterseiten verwenden ein Popup-Feld, und die verschiedenen Arten von Submit_Type werden verwendet Unterscheiden Sie, welcher separat ist. Welcher Kauf in einer Gruppe versandkostenfrei ist

Der WXML-Code lautet wie folgt:

 <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>
Nach dem Login kopieren

data-submit_type="{{submit_type}}" Der Submit_type darin ist to Bestimmen Sie, ob Sie einzeln oder in einer Gruppe kaufen möchten

Der js-Code lautet wie folgt:

// 增加数量
  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
    });
  },
Nach dem Login kopieren

Verwandte Empfehlungen:

Benutzerdefinierte Implementierung des unteren Tarbar-Codes des WeChat-Applets

WeChat-Applet-Beispiel: Implementieren Sie den Effekt der Bewegung der Navigationsleiste mit dem oberen Tab-Wechsel und dem Schiebe-Wechsel (Code)

Das obige ist der detaillierte Inhalt vonMit dem WeChat-Applet können Sie die Anzahl der Artikel begrenzen, die Sie beim Einkaufen kaufen können (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage