微信小程序-外卖选购页实现切换分类与数量加减

本文介绍了微信小程序中外卖选购页面如何实现分类切换和商品数量的加减功能。通过设置状态数组记录分类选中状态,利用三目运算符控制样式展示。商品数量的增减通过事件绑定更新数据,当数量为0时隐藏减号按钮。此外,还提及了后续开发计划,包括购物车动画和购物车逻辑的实现。
摘要由CSDN通过智能技术生成

关于微信小程序外卖界面实现选购切换分类与数量加减功能开发步骤:

效果图

实现以下功能

一、 点击分类项,切换右边的食品,并高亮自身 
这个实现比较简单,给一个states数组,用于记录每一项分类的状态,点击设为true,wxml渲染时三目运算判断即可。

 
  1. categoryStates = categoryStates.map(function (item, i) {
  2. if (index == i) {
  3. item = true;
  4. } else {
  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值