微信小程序购物车 数量加减功能
发布日期:2021-05-10 03:42:38 浏览次数:20 分类:精选文章

本文共 2203 字,大约阅读时间需要 7 分钟。

������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

I. WXML������

  • ������������������
  • -
    +
    1. ������ physiological ������������������������������������������������1������������������������������������������������������������ ���������������������������������������������������������������������������������1
    2. II. WXSS������������

      /* ������������ */
      .stepper {
      width: 80px;
      height: 26px;
      border: 1px solid #ccc;
      border-radius: 3px;
      margin: 0 auto;
      }
      /* ������������ */
      .stepper text {
      width: 19px;
      line-height: 26px;
      text-align: center;
      float: left;
      }
      /* ������������������ */
      .stepper input {
      width: 40px;
      height: 26px;
      float: left;
      margin: 0 auto;
      text-align: center;
      font-size: 12px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      }

      III. JavaScript������������

    3. ������������
    4. bindMinus: function() {
      var num = this.data.num;
      if (num > 1) {
      num--;
      var minusStatus = num <=1 ? 'disabled' : 'normal';
      this.setData({
      num: num,
      minusStatus: minusStatus
      });
      }
      }
      1. ������������
      2. bindPlus: function() {
        var num = this.data.num;
        num++;
        var minusStatus = num >=1 ? 'normal' : 'disabled';
        this.setData({
        num: num,
        minusStatus: minusStatus
        });
        }
        1. ������������������
        2. bindManual: function(e) {
          var num = e.detail.value;
          this.setData({
          num: num
          });
          }

          ���������������

          ������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

          ���������������������������������������������������������������������������������������������������������������������������������������������������������������������

    上一篇:微信小程序实现购物车页面
    下一篇:微信小程序之页面打开数量限制

    发表评论

    最新留言

    做的很好,不错不错
    [***.243.131.199]2025年04月27日 01时29分46秒