展示效果如下:
两个底部用的是一个弹框,利用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='number' 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 }); },
相关推荐:
微信小程序实例:实现顶部tab切换以及滑动切换时导航栏会随着移动的效果(代码)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。