HarmonyOS实现订单结算页面

目录

一：功能概述

二：代码实现

三：效果图

---

一：功能概述

上一节我们实现了购物车列表，那么从购物车选择商品结算或者商品详情点击立即购买会跳转到订单结算页面，这个页面会展示用户的地址信息和购买的商品信息，以及优惠券相关信息等。点击提交订单，会创建订单进入支付页面，然后选择支付方式就完成整个订单的下单到支付。这个是一个常规的商品购买流程。那么今天我们来看下订单结算页面怎么实现。具体功能实现逻辑是这样的，订单结算页面是从购物车列表和商品详情点击立即购买跳转过来的。因此会传递购物车里列表的选中的商品参数，具体是商品id和商品数量，到订单结算页面会根据选中的商品数量和商品价格展示订单的总价和优惠完的价格。

二：代码实现

1：收货地址信息展示

Column() {
  Row() {
    Text(this.addressInfo?.name)
      .fontSize('14vp')
      .margin({right:'12vp'})
      .fontColor(Color.Black)
    Text(this.addressInfo?.phone)
      .fontSize('14vp')