购物车

<view class="btns">
    <button class="jianBtn {{minusStatus}}" catchtap="bindMinus">
      <view class="line1"></view>
    </button>
    <text class="input-num " bindchange="bindManual">{{num}}</text>
    <button class="jiaBtn normal" catchtap="bindPlus">
      <text>+</text>
    </button>
  </view>

/* 购物车 */
.btns{
  width: 84px;
  height: 22px;
  float: right;
  position: relative;
  left: 48px;
  border-radius:4px; 
   border: 1px solid #e6e6e6;
}
.jianBtn{
  display: block;
  width: 27px;
  height: 24px;
  line-height: 22px;
  background: white;
  text-align: center;
  cursor: pointer;
  position: relative;
  left: -27px;
  top: -1px;
}
.input-num{
  display: block;
  width: 27px;
  height: 22px;
  line-height: 22px;
  background: white;
  text-align: center;
  cursor: pointer;
  border: 1px solid #e6e6e6;
  position: relative;
  left: 27px;
  top: -25px;
}
.jiaBtn{
  display: block;
  width: 27px;
  height: 24px;
  line-height: 22px;
  background: white;
  text-align: center;
  cursor: pointer;
  border: none;
   position: relative;
  left: 29px;
  top: -49px;
}
.jiaBtn text{
  color: #CCCCCC;
  position: relative;
  left: -6px;
  top: -1px;
}
.line1{
  width: 10px;
  border-bottom:1px solid #CCCCCC;
  border-left:none;
  border-right:none;
  border-top:none;
  position: relative;
  left: -5px;  
  top: 12px;  
}

// 购物车加1事件

bindPlus: function () {
var num = this.data.num;
// 不作过多考虑自增1
num++;
// 只有大于一件的时候，才能normal状态，否则disable状态
var minusStatus = num < 1 ? ‘disabled’ : ‘normal’;
// 将数值与状态写回
this.setData({
num: num,
minusStatus: minusStatus
});
},
/* 输入框事件 */
bindManual: function (e) {
var num = e.detail.value;
// 将数值与状态写回
this.setData({
num: num
});
} ,
// 购物车减一事件
bindMinus:function(e){
var num=this.data.num;
if(num>1){
num–
}
// 只有大于一件的时候，才能normal状态，否则disable状态
var minusStatus = num <= 1 ? ‘disabled’ : ‘normal’;
// 将数值与状态写回
this.setData({
num: num,
minusStatus: minusStatus
});
},