微信小程序——动态切换class以及bindtap事件

1.界面样式

2.功能需求

• 当在场车辆无交易订单时（查询到的金额为0时），支付按钮置灰，不能触发事件
• 坑：
  ·class和bindtap根据查询到的金额是否大于0切换
  ·切换的class要有引号，否则失效

3.代码

<view class="car-info" wx:if='{{show}}' wx:for="{{cars}}" wx:for-item="car" wx:key="i">
<view class="title car-id">{{car.usr_num}}</view>
<view class="car-fields">
<view class="field" >
<span class="label">入场时间</span>
<span class="value" >{{car.start_time}}</span>
</view>
<view class="field">
<span class="label">停靠时间</span>
<span class="value" >{{car.stay_time}}</span>
</view>
<view class="field top-line">
<span class="label" style='margin-top:10rpx;'>应付金额</span>
<text class="value"  style='margin-top:10rpx;' decode='true'>{{car.bill_at/100}}&nbsp;元</text>
<!-- core -->
<button  data-id='{{car.usr_num}}' data-num='{{car.bill_at}}' class="btn {{car.bill_at>0?'blue':'gray'}}" style='margin: -10rpx 0;' bindtap="{{car.bill_at>0?'gopay':''}}">支付</button>
</view>
</view>
</view>