结算页-支付方式选择 3.1 需求分析 实现支付方式的选择,品优购支持两种支付方式:微信支付和货到付款

3.2 支付方式选择 3.2.1 前端控制层

cartController.js

$scope.order={paymentType:'1'};
 
//选择支付方式
 
$scope.selectPayType=function(type){
 
 
$scope.order.paymentType=  type;
 
 
}

3.1.1 页面

[/img]getOrderInfo.html

<li  class="selected"  ng-click="selectPayType('1')">微信付款<span  title="点击取消选择
"></span></li>
 
<li  ng-click="selectPayType('2')">货到付款<span  title="点击取消选择"></span></li>

结算页-商品清单与金额显示 4.1 需求分析 显示购物车中的商品清单以及合计数量、金额

4.2 显示商品清单 (1)页面 getOrderInfo.html 上初始化调用 (2)循环显示商品清单

<div  ng-repeat="cart  in  cartList">
 
<ul  class="yui3-g"  ng-repeat="orderItem  in  cart.orderItemList">
 
<li  class="yui3-u-1-6">
 
<span><img  src="{{orderItem.picPath}}"/></span>
 
</li>
 
<li  class="yui3-u-7-12">
 
<div  class="desc">{{orderItem.title}}</div>
 
<div  class="seven">7 天无理由退货</div>
</li>
 
<li  class="yui3-u-1-12">
 
<div  class="price">¥{{orderItem.price}}</div>
 
</li>
 
<li  class="yui3-u-1-12">
 
<div  class="num">X{{orderItem.num}}</div>
 
</li>
 
<li  class="yui3-u-1-12">
 
<div  class="exit">有货</div>
 
</li>
 
</ul>
 
</div>

4.1 显示合计金额

修 改 getOrderInfo.html

<        div        class="list">
 
<span><i  class="number">{{totalValue.totalNum}}</i>件商品,总商品金额</span>
 
<em  class="allprice">¥{{totalValue.totalMoney.toFixed(2)}}</em>
 
 
</div>
 
 
......
 
<div  class="fc-price">应付金额:
 
<span  class="price">¥{{totalValue.totalMoney.toFixed(2)}}</span></div>