cart 添加价格总计

pages/cart/cart.js

@@ -17,6 +17,8 @@ Page({
     var cartItems = wx.getStorageSync("cartItems")
     this.setData({cartItems: cartItems})
 
+    this.changeCartAmount()
+
     var detailAddress  = wx.getStorageSync('detailAddress')
     var receiverName   = wx.getStorageSync('receiverName')
     var receiverMobile = wx.getStorageSync('receiverMobile')
@@ -41,6 +43,7 @@ Page({
       key: 'cartItems',
       data: cartItems
     })
+    this.changeCartAmount()
   },
 
   // tap on item to delete cart item
@@ -68,6 +71,7 @@ Page({
     this.setData({
       deleteModalHidden: true
     })
+    this.changeCartAmount()
   },
 
   bindBilling: function () {
@@ -89,6 +93,14 @@ Page({
     }
   },
 
+  changeCartAmount: function () {
+    var amount = 0
+    this.data.cartItems.forEach(function(entry){
+      amount += entry.quantity * entry.product.price
+    })
+    this.setData({amount: amount})
+  },
+
   bindTapAddress () {
     wx.navigateTo({
       url: '../address/address'

pages/cart/cart.wxml

@@ -45,6 +45,7 @@
 
 
 <view class="billing-btn">
+  <view>总计：¥{{amount}}元</view>
   <button class="button" type='warn' bindtap="bindBilling"> 去支付 </button>
 </view>
 

pages/cart/cart.wxss

@@ -5,6 +5,7 @@
 .address-container {
   margin: 15rpx;
   padding-bottom: 10rpx;
+  border-bottom: 1px solid #e4e4e4;
 }
 
 .receiver {
@@ -25,7 +26,7 @@
   height: 180rpx;
   padding: 15rpx;
   background-color: #fff;
-  border-top: 1px solid #e4e4e4;
+  border-bottom: 1px solid #e4e4e4;
   color: #333;
   display:flex;
   align-items:center;