微信小程序支付页面、功能实现

43.点击“结算”跳转支付页面逻辑实现

1.先在cart下的index.html下的结算标签下写bindtap="handlePay"

 <!-- 结算 开始 -->
  <view class="order_pay_wrap" bindtap="handlePay">
    结算({
  {totalNum}})
  </view>
  <!-- 结算 结束 -->

然后在js下写handlePay方法，从购物车跳转到结算的条件是：已经选择了收货地址，已经选择了商品

// 点击结算，并设定结算的成立逻辑
  handlePay(){
    const {address,totalNum}=this.data;
    if(!address){
      wx.showToast({
        title: '您还没有选择收货地址',
        icon:'none'
      })
      return;
    }
    if(totalNum===0){
      wx.showToast({
        title: '您还没有选购商品',
        icon:'none'
      })
      return;
    }
    wx.navigateTo({
      url: '/pages/pay/index'
    })
  },

别忘记把新包pay的顶部标题改一下，即在购物车界面点了结算之后跳转到确认订单页面：index.json下：