所属分类:php教程
展示效果如下:
程序员必备接口测试调试工具:立即使用
Apipost = Postman + Swagger + Mock + Jmeter
Api设计、调试、文档、自动化测试工具
后端、前端、测试,同时在线协作,内容实时同步
两个底部用的是一个弹框,利用submit_type的类型不一样来进行区分哪个是单独购买哪个是包邮开团
wxml代码如下:
-
1}}" class="Decrease">
-
+
登录后复制
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
});
},
登录后复制
相关推荐:
微信小程序自定义底部tarbar的代码实现
微信小程序实例:实现顶部tab切换以及滑动切换时导航栏会随着移动的效果(代码)
以上就是微信小程序实现购物时限购商品的数量(附代码)的详细内容,更多请关注zzsucai.com其它相关文章!