I'm Sham
一个尝试做码农的行政文员

小程序制作笔记-商品清单及购物车功能

今天试着自己写了1页商品清单及购物车功能也,虽然还需要美观,但是基本功能应该算是实现了:

  • 商品选择后添加到购物车,再次选择就将数字+1,同时显示该商品已添加;
  • 点击购物车图标弹出自制弹出遮罩层(没有自带弹窗功能),用于显示购物车内商品清单;
  • 购物车内增加、减少商品数量、可手动修改;
  • 每次修改,购物车总价都会自动变化更新

以下是完整代码(目前商品数据设置的静态的)

WXML部分

JS部分

WXSS部分

后面有时间的时候,再把购物车清单提交、我的购物清单、以及后端接口给做上,可惜小程序是个人的,没法使用微信支付功能,不然就可以尝试自己做个小商城了,呵呵

赞(0) 赏杯咖啡!
未经允许不得转载:Sham@双目瞿 » 小程序制作笔记-商品清单及购物车功能
分享到: 更多 (0)
【采购季】上云仅¥223/3年

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

如果你觉得文章好,请赏1杯速溶咖啡给Sham吧!

微信扫一扫打赏